如何根據選擇的ddl選項選擇MVC的表中的行？

Question

我有一個有幾行數據的表。我想根據在ddl上選擇的選項顯示一行。我怎麼做？

<script type="text/javascript" language="javascript"> 
    function optionSelected() { 
      alert('HELP!!'); 
    } 
</script> 
... 
<select id="optionSelect" onchange="optionSelected()"> 
    <option id="1">1</option> 
    <option id="2">2</option> 
    <option id="3">3</option> 
</select> 
<br /> 
<table id="optionList"> 
    <tr><td id="1">Option 1 Selected</td></tr> 
    <tr><td id="2">Option 2 Selected</td></tr> 
    <tr><td id="3">Option 3 Selected</td></tr> 
</table> 

Answer 1

首先，我會應用處理程序使用JavaScript而不是內聯。其次，你不會說你如何知道下拉列表中哪個元素與哪個元素相符，所以我會假定它是該選項的數字值。請注意，行從零開始計數，而您的選項從一開始編號。

$('#optionSelect').change(function() { 
    var val = int.Parse($(this).val(),10) - 1; // calculate row number 

    $('#optionList').find('tr').hide() // hide all rows 
        .eq(val) // get the selected row 
        .show(); // and show it 
});