Q:

Change dropdownlist selected value with jquery

I have five dropdownlists on the form. I want that if user select something from one of dropdownlists, the other ones should be unselected. User can select something from just one dropdownlist.When he select something,selected value of other dropdownlists should be unselected. I'm using 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>
}

A:

Assuming that both dropdown has same class="layoutSelect" and unselect value="0", try below jQuery :
$('.layoutSelect').change(function(){
   $('.layoutSelect').not(this).val('0');
});

Demo

