javascript - Jquery组合框如何获取值

Question

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

这是组合框：

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

我怎样才能看到用 jQuery 选择的内容并给它们一个函数？

提前致谢！

Answer 1

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

alert (a);

然后根据接收到的值运行相应的功能

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

Answer 2

我将通过绑定 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
});

这不是处理这个问题的超级优雅的方式，但我希望它有所帮助。

Answer 3

像这样的东西（质朴），请参阅jsFiddle

如果您只想在更改事件发生时启动它，您可以删除该$(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());
});