javascript - Jquery中具有一个功能的两个选择框

我在这里有两个选择框。该过程类似于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>

最佳答案

首先，采用您要在change()中调用的函数，并分别进行声明。然后，对该函数调用.change()两次。

例如。

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

});

关于javascript - Jquery中具有一个功能的两个选择框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23644062/