Comment sélectionner une ligne dans une table en fonction de l'option ddl sélectionnée MVC?

Question

J'ai une table avec quelques lignes de données. Je voudrais afficher une ligne basée sur quelle option est sélectionnée sur le ddl. comment je fais ça?

<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

D'abord, j'appliquerais le gestionnaire en utilisant javascript plutôt qu'en ligne. Deuxièmement, vous ne dites pas comment vous savez quelle ligne va avec quel élément dans la liste déroulante, donc je suppose que c'est la valeur numérique de l'option. Notez que les lignes sont comptées à partir de zéro, alors que vos options sont numérotées à partir d'une seule.

$('#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 
});