如何根据选择 MVC 的 ddl 选项在表中选择一行？

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
});