2

我有一个包含州名的主下拉列表，当我选择每个州名时，我需要在选择框中显示城市名称，但选择框名称应该相同，因为当我给出具有相同名称的不同选择框时没有存储在 sql 数据库中。所以我需要在每个州选择上加载特定的城市名称。任何选项

<option value="">Select your Location</option>
            <option value="CHENNAI">CHENNAI</option>
            <option value="GURGAON">GURGAON</option>
</select>
<select name="site">
              <option value=""> Select Site </option>
              <option value="City1"> City1</option>
              <option value="City2"> City2</option>
              <option value="City3"> City3</option>
              <option value="City3"> City3</option>
            </select>
<select name="site">
              <option value=""> Select Site </option>
              <option value="City1"> City1</option>
            </select>
4

1 回答 1

0

演示

您可以使用prop('disabled', true/false);来管理要选择的城市。您不应该有 2 个具有相同名称的选择，因此因为您需要它们，所以sql我对其进行了修复。另请注意，在您的帖子中，您首先错过<select>了“City 3”，出现了 2 次。

html

<select name="state" id="sel_state">
    <option value="">Select your Location</option>
    <option value="CHENNAI">CHENNAI</option>
    <option value="GURGAON">GURGAON</option>
</select>
<select name="site" id="CHENNAI">
    <option value="">Select Site</option>
    <option value="City1">City1</option>
    <option value="City2">City2</option>
    <option value="City3">City3</option>
    <option value="City4">City3</option>
</select>
<select name="site" id="GURGAON">
    <option value="">Select Site</option>
    <option value="City1">City1</option>
</select>

jQuery

$(function () {

    $("#sel_state").change(function () {
        var a = $("#sel_state option:selected").text();
        if (a == 'CHENNAI') {
        $('#GURGAON').prop('disabled', true);
        $('#CHENNAI').prop('disabled', false);
        $('#GURGAON').prop('name', 'site_ignored');
        $('#CHENNAI').prop('name', 'site');
    }
    if (a == 'GURGAON') {
        $('#CHENNAI').prop('disabled', true);
        $('#GURGAON').prop('disabled', false);
        $('#GURGAON').prop('name', 'site');
        $('#CHENNAI').prop('name', 'site_ignored');
    }

    });
});
于 2013-07-08T06:39:02.170 回答