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

Answer 2

您检查了If(txt == "Distribution")，但这不是您提供的代码中的选项中的选项之一。它也是你需要的onchange triegger

您还需要在select中添加一个id，以便您可以引用它，例如

HTML片段

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

Javscript

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

http://jsfiddle.net/64Z7H/

Answer 3

<强> HTML

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

<强> SCRIPT

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

使用javascript工作的简单下拉框。

JavaScript - 下拉列表不起作用

3 个答案: