JavaScript-下拉菜单不起作用

我试图达到一个简单的要求，但无法做到

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

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

<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>

您选中了Iftxt==Distribution，但这不是您在提供的代码中选择的选项之一。这也是你需要的onchange Trieger

您还需要向select添加一个id，以便可以引用它

HTML代码段

<select name = "ddPortfolio" id = "ddPortfolio">

HTML

剧本

---

使用javascript的简单下拉框。

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

html

---

这段代码是对的吗？Javascript是区分大小写的-这是if，而不是if。您忘了提醒OP注意这样一个事实，即他们必须标识select标记才能使代码正常工作。。。另外，如果您对您的答案有其他评论，请编辑您的答案，而不是评论。。。顺便说一句，否决票不是来自me@webeno我已经考虑了你的反馈并编辑了我的答案

   var MyColumn = document.getElementById("ddPortfolio");
   MyColumn.onchange = function(){if (MyColumn.value == "audi") {alert('hi');}};

 <select onchange="getval(this);">
<option value="1">One</option>
<option value="2">Two</option>
 </select>

<script type="text/javascript">
function getval(sel) {
      alert(sel.value)        ;
}
</script>

<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>

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