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

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

1 个答案: