如果选项选择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();
}
});

我在jsfiddle上测试它并且它正常工作，直到我创建我的PHP和javascript文件，它不应该正常工作，是的我使用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>

我在这里失踪了什么？ Fiddle

Answer 1

您的代码应该在DOM准备就绪，请执行以下操作：

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

结束你的代码可以优化到这个：

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

Answer 2

是。 @Reflective和@abs对于需要加载jQuery代码是正确的，如果你还没有这样做的话。

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