如何使用javascript控制下拉选择调用相应函数?

发布网友 发布时间：2022-04-25 11:47

我来回答

共4个回答

热心网友 时间：2022-04-25 13:17

<select name="se1" class="t9" id="se1" style="width:80px" onchange="change(this);">
<option value="0">A</option>
<option value="1">B</option>
</select>
<script>
function a() { alert("A"); }
function b() { alert("B"); }
function change(o){
if(o.selectedIndex=="0"){
a();
}
if(o.selectedIndex=="1"){
b();
}
}
//代码要尽量简单 通用
</script>

热心网友 时间：2022-04-25 14:35

a(), b() 其实是window下的一个属性.
用jquery这样写
$(function() {
$('select[name=se1]').change(function() {
var v = $(this).val();
window[v].apply(window);
});
});

热心网友 时间：2022-04-25 16:09

<select name="se1" class="t9" id="se1" style="width:80px" onchange="change();">
<option value="0">A</option>
<option value="1">B</option>
</select>

function a() { alert("A"); }
function b() { alert("B"); }
function change(){
if(document.getElementById("se1").value=="0"){
a();
}
if(document.getElementById("se1").value=="1"){
b();
}
}