javascript - jquery .show() 通过 php 变量

Question

我正在尝试触发由 php 变量触发的 jquery .show() 事件。

这是我的 .php(它取自单独页面上的表单提交):

    $last_pic_displayed = trim($_POST["last_pic_displayed"]);
    if ( strlen($last_pic_displayed) <= 0 )
        {  $last_pic_displayed = trim($_GET["last_pic_displayed"]);  }

这是我的 .show() 代码:

    <script>
    var lpic = "<?php echo $last_pic_displayed; ?>";
    lpic = parseInt(lpic);
    if (lpic == 0) {
        $("#1").show();
    }
    </script>

我将此脚本的变体用于多个 div，目的是正确的 $last_pic_displayed; value 将触发正确的 div 显示，但到目前为止还没有。

以下是将数据发布到我的 php 的表单示例:

    <form id="buttons" action="process_form.php" method="post">

        <label for="child_name"><img src="images/enter_name_text.png" alt="Enter Your Name" id="name_text"></label>
        <input type="text" id="child_name" name="child_name" />



            <section>
                <input checked="checked" id="radio1" name="last_pic_displayed" type="radio" value="0" />
                <label for="radio1"><img src="images/3_letter_text.png" alt="3 Letter Words" class="level_text">
                </label>
            </section>

            <section>
                <input checked="checked" id="radio2" name="last_pic_displayed" type="radio" value="6" />
                <label for="radio1"><img src="images/4_letter_text.png" alt="4 Letter Words" class="level_text">
                </label>
            </section>

            <section>
                <input checked="checked" id="radio3" name="last_pic_displayed" type="radio" value="13" />
                <label for="radio1"><img src="images/5_letter_text.png" alt="5 Letter Words" class="level_text">
                </label>
            </section>

            <section id="submit_button">
                <input type="image" name="submit" src="images/submit.png" />
            </section>



    </form>

以下是当提交的表单数据与相关脚本与某个值匹配时我试图显示的代码部分的示例:

    <div class="word" id="1" data-value="1">

<img src="images/Bat.png" class="letter_text">

<form id="f1" action="results.php" method="post">
    <input type="hidden" name="child_name" value="<?php $child_name; ?>" />
    <input type="hidden" name="running_score" value="<?php $running_score; ?>" />
    <input type="hidden" name="last_pic_displayed" value="1" />
    <input type="hidden" name="correct_spelling" value="BAT" />
    <input type="hidden" name="last_pic_flag" value="NO" />
    <input type="hidden" name="level" value="3_letter" />
    <input type="text" name="submitted_spelling" />
    <input type="image" class="submit" src="images/submit.png" />
</form>

</div>

<script>
    var lpic = "<?php echo $last_pic_displayed; ?>";
    lpic = parseInt(lpic);
    if (lpic == 0) {
        $("#1").show();
    }
    alert(lpic);
</script>

我对这一切都很陌生，所以我非常感谢你的帮助。

编辑:更新了语法更正；目前问题依然存在。

EDIT2:使用表单示例进行了更新。

EDIT3:使用 parseInt() 和我试图显示的 div 示例进行了更新。

Answer 1

您需要像这样解析“lpic”变量:

var lpic = "<?php echo $last_pic_displayed; ?>";
lpic = parseInt(lpic);
if (lpic == 0) {
    $("#1").show();
}