Question

我希望在点击国家/地区时显示新的下拉菜单，如果选择了其他两个选项之一，则会消失。

<select name="location">
    <option value="country">Country</option>
    <option value="county">County</option>
    <option value="UK">UK</option>
    <option value="ROI">ROI</option>
    <option value="worldwide">Worldwide</option>
</select>

Answer 1

您可以hide新下拉菜单show选中Country或县`

$(document).ready(function(){
    $('#new').hide();
    $('#location').change(function() {
         var selected =   $(this).find(":selected").text();
        console.log(selected);
        if(selected == 'Country' || selected == 'County'){
            $('#new').toggle();
        }
    });
});

JFiddle

Answer 2

你可以这样做：

// Initial state of newdropdown
var locationVal = $("#location").val();

if ((locationVal === 'country') || (locationVal === 'county')) {
    $("#newdropdown").show();
} else {
    $("#newdropdown").hide();
}

// location drop down change event callback
$("#location").change(function () {
    if (($(this).val() === 'country') || ($(this).val() === 'county')) {
        $("#newdropdown").show();
    } else {
        $("#newdropdown").hide();
    }
});

选择下拉项时会出现新下拉列表

2 个答案: