JavaScript - 下拉菜单不起作用

Question

我试图实现一个简单的要求，但无法实现!

我的要求非常简单 - 希望根据用户从下拉列表中选择的选项向用户显示一些警报。

下面是我现在设计的代码。请检查并纠正我的错误之处。

<SCRIPT type="text/javascript">
    var txt = this.getField("ddPortfolio").value;
    If(txt == "Distribution")
    window.alert("distribution");
</SCRIPT>

<div style="float:right">
<select name = "ddPortfolio">
   <option value="volvo">-- Select Option --</option>
   <option value="saab">Training</option>
   <option value="mercedes">Internal</option>
   <option value="audi">External</option>
</select>
</div>

Answer 1

您有一些语法错误。此外，您的选项中没有 Distribution 值。我想你想要这个:

html

<div style="float:right">
    <select name = "ddPortfolio" onchange="test(this);">
       <option value="volvo">-- Select Option --</option>
       <option value="saab">Training</option>
       <option value="mercedes">Internal</option>
       <option value="audi">External</option>
    </select>
</div>

js

function test(obj){
    var txt = obj.value;
    if(txt == "audi"){
        window.alert("audi");
    }
}

fiddle