Jquery显示/隐藏被HTML破坏的div脚本->；PHP数组，有什么解决方法吗？

我正在制作一个巨大的多页表单，包含多个子部分，并回答相关的子问题

我使用JQuery显示/隐藏基于SELECT值的div，这非常有效。但是，在处理数据时，我希望能够按页面细分POST值

我可以通过在我的字段中使用以下语法来做到这一点

<label>What is the Reference?</label>
    <input type="text" name="[title][0][Reference]" value="<?php echo $out['Reference']?>" /><img src="images/hint.png" class="hint" title="Edit me!!" /><br />

这不起作用，大概括号有误，但我不知道如何在Java中转义

// Doesnt work
$('#[title][0][Reference]').change(function () {
    var whatToShow = $('#[title][0][Reference]').val();

    $('div[class^=divarea-]').fadeOut(1000);
    $('.divarea-' + whatToShow).fadeIn(1000);
});

---

啊！对不起，我应该做更多的检查，我只需要在每个方括号前面使用\即可，现在可以正常工作了

---

只是想一想，这个字符有什么不同吗？“^”

// Doesnt work
$('#[title][0][Reference]').change(function () {
    var whatToShow = $('#[title][0][Reference]').val();

    $('div[class^=divarea-]').fadeOut(1000);
    $('.divarea-' + whatToShow).fadeIn(1000);
});