Javascript 使用jquery更改dropdownlist所选值

我在表格上有五个下拉列表。我想，如果用户从一个下拉列表中选择某个内容，那么其他的应该被取消选择。用户可以仅从一个dropdownlist中选择某个内容。当用户选择某个内容时，其他dropdownlist的选定值应取消选中。我正在使用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>
}

@foreach（模型中的变量lay.EventLayouts）
{

@页面资源。数量
1.

}

假设两个下拉列表具有相同的

class=“layoutSelect”

和取消选择

value=“0”

，请尝试以下jQuery：

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

---

假设两个下拉列表具有相同的

class=“layoutSelect”

和取消选择

value=“0”

，请尝试以下jQuery：

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

---

如果试图重置其他下拉列表，但未重置已更改的下拉列表，则通过在所有下拉列表中添加相同的类，可以执行以下操作：

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

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

})

---

如果您试图重置其他下拉列表，但未重置已更改的下拉列表，通过在所有下拉列表中添加相同的类，您可以执行以下操作：

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

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

})

试试这种方法

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

试试这种方法

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

---

您在jquery中尝试了什么？下拉列表的默认值是多少。。？您是否为这些下拉列表绑定了更改事件？@sudharsan类似于dropdownlist更改功能，但它没有work@RajaprabhuAravindasamy只是一个默认文本。option value=“0”正是我要求显示代码的原因。您在jquery中尝试了什么？下拉列表的默认值是多少。。？您是否为这些下拉列表绑定了更改事件？@sudharsan类似于dropdownlist更改功能，但它没有work@RajaprabhuAravindasamy只是一个默认文本。正是option value=“0”才是我要求显示您的代码的原因。