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());
});

Jquery组合框如何获得价值

3 个答案: