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/

演示

选中某个国家/地区时隐藏

1 个答案: