javascript - 使输入元素不可见

Question

嗨，我尝试获取特定列表项的变量。我想认识到，使用不可见的输入元素设置值(在本例中是时间)，并尝试在简单的 php if 条件下获取变量的值。隐形，这应该意味着用户看不到输入元素，我尝试使用 jquery 1.8.2 来做到这一点，但它不起作用。我应该改变什么？欢迎就如何在 php 中获取列表项的值提出改进建议。

$(document).ready(function () {
    $("#timex").change(function () {
        if ($(this).val() == "0") {
            $("#timex").hide();
        }

    });
});

我的 foreach 循环中的 html 代码:

<a href="#popupcomment" data-rel="popup" data-position-to="window" data-transition="pop">comment</a> 
<div data-role="popup" id="popupcomment" data-theme="a" class="ui-corner-all">
    <form data-ajax="false" name="login-form" class="login-form" action="./range.php" method="post" style="padding:20px 40px;">
        <div class="content">
            <input name="timex" id="timex" value="<?php echo $row['time']; ?>" type="text" />
            <textarea rows="5" name="text" id="text" class="foo"></textarea>
        </div>
        <div class="footer">
            <input type="submit" name="save" value="comment" class="button" data-theme="a" />
        </div>
    </form>
</div>

Answer 1

运行代码片段，并将值更改为 0(然后按 Enter 键)。

注意:更改 type 属性仅适用于较新版本的 jQuery。 .hide() 适用于 jQuery 1.8.2

$(document).ready(function () {
    $("#timex").change(function () {
        if ($(this).val() == "0") {
            $(this).attr('type', 'hidden');
        }
    });
  
    $("#timey").change(function () {
        if ($(this).val() == "0") {
            $(this).hide();
        }
    });
});

<input name="timex" id="timex" value="5" type="text" />
<input name="timey" id="timey" value="8" type="text" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>