两个选择框,在Jquery中有一个功能

时间:2014-05-14 01:07:22

标签: javascript jquery ajax

我这里有两个选择框。这个过程就像这个http://www.w3schools.com/ajax/ajax_database.asp。我需要只显示两个选择框之间的值。我怎么能在一个函数中做到这一点?任何帮助都会受到欢迎。

<script>
function showUser(str) {
    var $txtHint = $('#txtHint');
    if (str=="") {
        $txtHint.html('');
        return;
    }
    $txtHint.load('ajax.php?q='+str)    
}
</script>

<select name="customers" id="customers" onchange="showUser(this.value)">
<option value="">Select a customer:</option>
<option value="ALFKI">Alfreds Futterkiste</option>
<option value="NORTS ">North/South</option>
<option value="WOLZA">Wolski Zajazd</option>
</select>

<select name="city" class="city">
<option selected="selected">--Select City--</option>
</select>

2 个答案:

答案 0 :(得分:1)

首先,使用您在change()内调用的功能,并单独声明它。然后,在该函数上调用.change()两次。

E.g。

$(document).ready(function() {

    var myChangeFunction = function() {
        var city = $(".city").val();
        var customer = $("#customer").val();

        if (city && customer) {
            // do something only if both are set
        }
    };

    $(".city").change(myChangeFunction);
    $("#customer").change(myChangeFunction);

});

答案 1 :(得分:0)

我想我理解你的需要。 你需要两个选择在onchange上调用相同的函数。 该函数将获取一些信息,并加载它。你需要它在不同的地方加载它是关于哪个是更改的选择。 如果那就是你需要的,请检查这个小提琴: http://jsfiddle.net/hige/4878B/

请记住取消注释.load()行,并删除console.log()行。

希望它有所帮助!