jQuery根据所选值显示文本框

Question

我有两个表，一个表包含数字（测试），它连接到另一个表的ID（演示）。

测试：
ID测试
1 1
2 20

演示：
ID Demoname
1数学
2物理学

现在，我为条目创建了一个表单。如果用户在下拉菜单中选择“数学”，则必须显示一个文本框，否则必须将其隐藏。

以下是我的jquery，即使用户从下拉列表中选择“数学”，也无法显示文本框

function validate(){
var testing= document.getElementById("testing").value;
}

function subjectChange(){
        var value = $('#testing option:selected').text();
        if(value == "1"){
            $("#subShow").show();
        }else{
            $("#subShow").hide();
        }
    }


<tr>
    <td><span class="style2"><br> Subject: </span></td>
    <td><br>
    <select class="inputfield"  name="testing" id="testing" onchange="return subChange();">
        <option value="">--Select--</option>
        <?php 
            while ($row = mysql_fetch_array($sub_details)) {
                $select = @$adddetails['Testing'] == $row['ID'] ? "selected" : "";
            ?>
                <option value="<?php echo $row['ID']; ?>" <?php echo $select;?>><?php echo $row['Demoname']; ?></option>
            <?php   
            }
        ?>
    </select></td>
  </tr>


<?php 
  if($adddetails['Testing'] == '1' ){
    $display= "display: table-row;";
  }else{
    $display= "display:none !important";
  }
  ?>
 <tr id="subShow" style="<?php echo $display; ?>">
    <td><span class="style2"> New Box: </span></td>
    <td><input class="inputfield"  typ="text" name="subject" id="subject" size="25" value="<?php echo @$adddetails['Newbox'];?>"></td>
  </tr>