如果选择了某个国家,请隐藏<tr>

Question

我试图隐藏<tr>"状态",除非从下拉列表中选择"美国".

<select name="Country"> 
<option value="" selected="selected"></option> 
<option value="United States">United States</option> 
<option value="United Kingdom">United Kingdom</option> 
<option value="Afghanistan">Afghanistan</option> 

..........




    <tr>
        <td align=right>State:</td>
        <td align=left>
            <select id="state" name=state>
                <option value=></option>
                <option value=<?php echo $row['state']; ?> selected><?php echo $row['state']; ?></option>
                <option value=AK>AK</option>
                <option value=AL>AL</option>
                <option value=AR>AR</option>
                <option value=AZ>AZ</option>
                <option value=CA>CA</option>

很难搞清楚jQuery.

Answer 1

我相信你想要的

$('select[name="Country"]').change(function(){
   if (this.value == 'United States'){
      $('#state').closest('tr').show();
   } else {
      $('#state').closest('tr').hide();
   }
}).change();

演示http://jsfiddle.net/gaby/XAd9h/