如何使用javascript按值选择选项?

时间:2013-06-11 18:11:35

标签: javascript html css forms option

我想从表单中选择一个选项。如果我选择此选项,Javascript应检查值/内容是否为ex。 “B”。
Javascript现在如何检查此选项的值/内容是B还是B?

<script type="text/javascript">
    var text = document.form1.fahrstunden;
    function a(){
        if (document.form1.klasse.options[klasse.option.value=B].selected == true) {
            alert("fu test");
        }
    }
</script>

<form onmousemove="a()"  id="form1" name="form1"method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>" onsubmit="a()" >
    <select name="klasse" id="klasse" >
        <option  value="B" selected="selected">B</option>
    </select>
</form>

1 个答案:

答案 0 :(得分:1)

您可以添加onchange功能:

document.getElementById("klasse").onchange = function() {
    alert(this.value);
}

然后,您可以将该值与您需要的值进行比较,例如:

if (this.value == "B") {
    //value is B, do stuff!
}

附注:this.value是从该选项的value属性中提取的。如果您需要实际文本,可以执行以下操作:

var selectedText = this.options[this.selectedIndex].text;

演示:http://jsfiddle.net/tymeJV/U7KKF/

相关问题