Question

我在表单上有五个下拉列表。我希望如果用户从下拉列表中选择某个内容，则应取消选择其他内容。用户可以从一个下拉列表中选择一些内容。当他选择某些内容时，应该取消选择其他下拉列表的选定值。我正在使用jquery

@foreach (var lay in Model.EventLayouts)
{
    <li>

    <select class="layoutSelect" layoutname="@lay.Name" layoutId="@lay.LayoutID" moderation="@lay.Moderation.ToString().ToLower()" selectedVal="0">

    <option value="0">@PageResources.Quantity</option>

    <option value="1">1</option>

    </select>

    </li>
}

Answer 1

假设两个下拉列表都具有相同的class="layoutSelect"并取消选择value="0"，请尝试以下jQuery：

$('.layoutSelect').change(function(){
   $('.layoutSelect').not(this).val('0');
});

<强> Demo

Answer 2

试试这种方式

$(document).on('change', '.layoutSelect', function () {
if ($(this).find('option').is(":selected")) {
    $('.layoutSelect').not($(this)).val("");//val('0');
}
});

DEMO

Answer 3

如果您尝试重置其他下拉列表而不是重置下拉列表，则可以通过在所有下拉列表中添加相同的类来执行此操作：

$(".layoutSelect").change(function(){

$(".layoutSelect").not(this).val(0);

})

FIDDLE EXAMPLE

使用jquery更改下拉列表选择的值

3 个答案: