javascript - 使用 jquery 更改下拉列表选定的值

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