2014-03-07 38 views
0

在我的ASP.NET MVC的看法,我有一個下拉列表和三個單選按鈕,給出更改單選按鈕時下拉的變化MVC

@Html.RadioButtonFor(m => m.ClientDur1.LookupValueID, "true", new { Name = "grp", @id = "CM1", @checked = "true" }) @Model.ClientDur1.Val1 
@Html.RadioButtonFor(m => m.ClientDur2.LookupValueID, "false", new { Name = "grp", @id = "CM2" }) @Model.ClientDur2.Val1 
@Html.RadioButtonFor(m => m.ClientDur3.LookupValueID, "false", new { Name = "grp", @id = "CM3" }) @Model.ClientDur3.Val3 

和我的下拉列表是,

@Html.DropDownListFor(m => m.Currency, new SelectList(Model.CurrencyList, "AttributeValueID", "AttributeDescription"), new { @id = "ddCurrencyId" }) 

而我需要的是當我改變我的下拉列表我想更新我的單選按鈕值,這是我的Model.ClientDur1.LookupValueID和ClientDur1.Val1(類似於其他人)應該有新的更改的細節。

我該如何做到這一點?

回答

1

添加到上面的答案:

試試這個JS小提琴http://jsfiddle.net/khoorooslary/6DjpT/

需要Javascript,如果你不熟悉的jsfiddle到下降的ID鏈接到輸入電臺的

PS,看右下角的窗口上看到演示,並用它玩

HTML代碼

<form> 

    <input type="radio" id="rd_one" name="rd" value="1" checked="checked"/> 
    <input type="radio" id="rd_two" name="rd" value="2" /> 
    <input type="radio" id="rd_three" name="rd" value="3" /> 
    <input type="radio" id="rd_four" name="rd" value="4" /> 
    <hr /> 

    <select id="ByIdDemo"> 
     <option>Select By Id Demo</option> 
     <option value="one">Option 1</option> 
     <option value="two">Option 2</option> 
     <option value="three">Option 3</option> 
     <option value="four">Option 4</option> 
    </select> 

    <hr /> 

    <select id="ByValue"> 
     <option>Select By Value Demo</option> 
     <option value="1">Option 1</option> 
     <option value="2">Option 2</option> 
     <option value="3">Option 3</option> 
     <option value="4">Option 4</option> 
    </select> 

</form> 

JavaScript代碼

$(function() { 

    $("#ByIdDemo").on('change',function() { 
     var sel = this; 
     $("form input").each(function(eli,el) { 
      var id = "rd_"+ sel.options[sel.selectedIndex].value; 
      el.checked = el.id == id; 
      $(el).attr("checked", el.checked ? "checked" : null); 
     }); 
    }); 


    $("#ByValue").on('change',function() { 
     var sel = this; 
     $("form input").each(function(eli,el) { 
      el.checked = el.value == sel.options[sel.selectedIndex].value; 
      $(el).attr("checked", el.checked ? "checked" : null); 
     }); 
    }); 

}); 
+0

謝謝,幫助...雖然我的實際問題解決了:http:// stackoverflow.com/questions/22343533/update-partial-view-with-ajax – TBA

1

請試試這個代碼:

$(document).ready(function() { 
    $('#ddCurrencyId').change(function() { 
     $('#CM' + $(this).val()).trigger('click'); 
    }); 
}); 

我真的需要看到更多的HTML標記,你已經跑項目以查看值/單選按鈕的HTML後..

即時猜測值的下拉菜單會在1,2或3,這就是爲什麼我說在代碼SELECT the ID: CM + DropDownValue ..

+0

謝謝確實值可以隨機生成。它得到解決,在這裏看到我的另一個問題,http://stackoverflow.com/questions/22343533/update-partial-view-with-ajax – TBA