如果选择PHP选项，则使textarea出现

Question

据我所知，这个问题已经被问到了，所以我对此感到非常抱歉，因为标题说，如果选择了.PHP(文件格式)中的选项，如何使文本区域出现，这就是我的PHP代码：

    <table>
        <tr class="space">
            <td><label>Warranty :</label></td>
            <td><select name="p_warranty" id="a">
                <option value="">>--------Select One--------<</option>
                <option value="Other" >NO WARRANTY</option>
                <option value="AP WARRANTY">AP WARRANTY</option>
                <option value="FULL WARRANTY">FULL WARRANTY</option>
                </select>
            </td>
        </tr>
    </table>
    <table>
        <tr class="space">
            <td><label>Why No Warranty? :</label></td>
            <td><textarea name="p_remark" id="p_remark" type="text" rows="6" cols="65"></textarea></td>
        </tr>
    </table>

这是我的javascript

$("#p_remark").hide();

$( "#a" ).change(function() {
   var val = $("#a").val();
if(val=="Other"){
    $("#p_remark").show();
} else {
    $("#p_remark").hide();
}
});

在创建PHP和javascript文件之前，我已经在jsfiddle上测试了这一点，并且它的工作正常，它不正常工作，而且我确实使用CDN导入了jquery。

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

我在这里少了什么？？小提琴

Answer 1

您的代码应该在DOM就绪上执行，因此，请执行以下操作：

$(function() {
   ... your code here ...
});

结束您的代码可以被优化如下：

$(function() {
    $("#p_remark").hide();
    $("#a").change(function() {
      $("#p_remark").toggle($(this).val() == "Other");
    });
});

Answer 2

是。如果您还没有加载您的jQuery代码，那么@反射式和@abs是正确的。

我附上了一个屏幕截图，显示您输入到JSFiddle中的代码是如何为您加载的。

​

​