Как выбрать строку в таблице в зависимости от того, какой параметр 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
});