javascript下拉菜单onclick

Question

我已经为此工作了一段时间，但不明白我的代码有什么问题。我敢肯定这很简单 - 一直都是!

基本上，我有一个带有一些选项的下拉菜单。我希望它在选择第三个选项 plumber 时进入网页。单击其他任何一个时，不应发生任何事情。

到目前为止我的代码是:

<select id = 'search'>
<option value="1">Carpenter</option>
<option value="2">Electrician</option>
<option value="3">Plumber</option>
<option value="4">Tiler</option>
<option value="5">Boiler Installation</option>

</select>

开始

我的 javascript 是:

<script>
function go_button {
if (search.value=="3") {
location="search_results.htm"
}
}

</script>​​​​​​​

但它不起作用。谁能告诉我哪里出了问题？

谢谢。

C.

Answer 1

您可以输入 change event通过脚本在您的控件上或直接将其添加到您的控件..

直接法:

<select id="search" onChange="OnSelectedIndexChange()">

这是您需要放入脚本中的函数:

//function for changed selection
function OnSelectedIndexChange()
{
if (document.getElementById('search').value == "3"){
    location.href="search_results.htm";
}
}

使用脚本(JavaScript 或 JQuery)添加 Change 事件:

我建议 JQuery这样做(onSelectedIndexChange 函数在这里已过时)

$('#search').change( function() {

if(this.val() == "3"){
location.href="search_results.htm";
}

});

如果您不想使用 JQuery，只需添加以下代码:

    var yourdropdown = document.getElementById('search');
    yourdropdown.Attributes.Add("onChange", "return OnSelectedIndexChange();")