Javascript Jquery组合框如何获取值

Javascript Jquery组合框如何获取值,javascript,jquery,combobox,Javascript,Jquery,Combobox,我试图从组合框项目中获取值, 所以我可以给每个人一个不同的功能 这是组合框: <select id="ComboBox" > <option value="bios">Bioscopen </option> <option value="dogs">HondenToiletten</option> <option value="doctors">Huisartsen</option> </select>

我试图从组合框项目中获取值, 所以我可以给每个人一个不同的功能

这是组合框:

<select id="ComboBox" >
<option value="bios">Bioscopen </option>
<option value="dogs">HondenToiletten</option>
<option value="doctors">Huisartsen</option>
</select>

生物显微镜
洪登托莱滕
惠萨森
我怎样才能看到jQuery所选择的内容,并相互给予它们呢 功能

提前谢谢

var a =  $("#ComboBox").val();

alert (a);
然后根据接收到的值运行相应的函数

switch(a){
case : "bios" dosomething(); break
case : "doctors" dosomething_else(); break
default: break;
}

我将通过绑定select元素的change元素来处理这个问题,然后在回调中调用另一个函数。所以可能是这样的:

$('#ComboBox').change(function() { 
    var selectedItem = $(this).val();

    if (selectedItem === 'bios'){
        // Your code here, maybe another function call etc...
    } else if (selectedItem === 'dogs'){
        // More code
    }
    // and so on and so on
});
这并不是一种非常优雅的处理方式,但我希望它能有所帮助。

像这样的(乡下的)东西,请参见

如果您只希望在发生更改事件时启动它,则可以删除
$(document).ready(..)
部分

function bios() {
    alert("bios is selected");
}
function dogs() {
    alert("dogs coming");
}
function getVal(v) {
    switch(v) {
        case "bios":
            bios();
            break;
        case "dogs":
            dogs();
            break;
        default:
            alert('other');
            break;
    }
}
$('#ComboBox').change(function(){
    getVal($(this).val());
});

$(document).ready(function() {
    getVal($('#ComboBox').val());
});