Question

html语言,如何让input判断 select选择了第几个菜单然后执行不同的功能.

<select name="siteId" class="p1">
<option value="<%=siteId%>" selected="true">
站内检索
</option>
<option name="method" value="aqe">
站外
</option>
</select>

上面是下拉菜单的..

<input type="submit" name="sub" value="开始检索" onclick="javascript:baidusearch()"
class="search_button" />

上面是按钮的,如何写一个判断,如果选择的下拉菜单的第二项,既 "站外" .
就执行onclick里面的事件...否则就不执行onclick事件..

谢谢

Answer 1

你需要一个变量，在 select 变化的时候更新这个变量，然后在 baidusearch 这个函数中检查变量

<script type="text/javascript">
// 初始化 baidu 为 false
var baidu = false;
                                                                 
function setBaiduVar(sel) {
    baidu = false;
    // 如果选择了站外，设置 baidu 为 true
    if(sel[sel.selectedIndex].value === "aqe") {
        baidu = true;
    }
}
                                                                 
// 这是你的 baidusearch 函数
function baidusearch() {
    // 如果不是站外搜索，停止运行函数
    if(!baidu) {
        return false;
    }
                                                                 
    // 反之运行其它代码
    // 、、、
}
</script>

把你的 select 改为

<select name="siteId" class="p1" onchange="setBaiduVar(this)">