如何根据选择的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 
});