jquery로 선택한 드롭 다운 목록을 변경하십시오.

Question

5 개의 드롭 다운 목록이 양식에 있습니다. 사용자가 드롭 다운 목록 중 하나에서 항목을 선택하면 다른 항목은 선택 취소해야합니다. 사용자는 하나의 드롭 다운 목록에서 무언가를 선택할 수 있습니다. 무언가를 선택하면 다른 드롭 다운리스트에서 선택한 값을 선택 취소해야합니다.

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

Demo

Answer 1

을 사용하고 있습니다 다운 된 모든 드롭 다운에 동일한 클래스를 추가하여 변경된 것이 아니라 변경되었습니다.

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

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

}) 

FIDDLE EXAMPLE

Answer 2

당신은 다른 드롭을 재설정하려는 경우 : 둘 다 드롭이 같은 class="layoutSelect" 및 선택 해제 value="0", jQuery를 아래에 시도를 가지고 있다고 가정 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 3

당신이 JQuery와에 시도 무엇 이런 식으로

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

DEMO