jQuery依赖选择选项 [英] jQuery dependent select options

问题描述

我的数据库很大，我想根据jQuery使用第一个选择的值在第二个选择中显示选项.

I have a large database and i want display options in second select depending on the value of the first select using jQuery.

我想在第一次选择例如值为1的选项时显示在值为2的第二个selet选项中.

I want when I select for example option with value 1 for first select, display in 2nd selet options with value 1.

你能帮我举个例子吗?

首先选择

<select id="city" name="city">
<option value="0">Select City</option>
<option value="1">Manchester</option>
<option value="2">Leicester</option>
<option value="3">Londra</option>
</select>

第二选择

<select id="street" name="street">
<option value="0">Select Street</option>
<option value="1">Street 1</option>
<option value="1">Street 2</option>
<option value="1">Street 3</option>
<option value="2">Street 4</option>
<option value="2">Street 5</option>
<option value="2">Street 6</option>
.....
<option value="1200">Street 7</option>
<option value="1200">Street 8</option>
<option value="1200">Street 9</option>
</select>

推荐答案

这应该很简单:

$('#city').change(function(){
    $('#street option')
        .hide() // hide all
        .filter('[value="'+$(this).val()+'"]') // filter options with required value
            .show(); // and show them
});

这篇关于jQuery依赖选择选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！