javascript - 使输入元素不可见

嗨，我尝试获取特定列表项的变量。我想认识到，在这种情况下，使用不可见的输入元素在此处设置值，并尝试在简单的php if条件下获取变量的值。隐蔽性，应该意味着用户不会看到输入元素，我尝试使用jquery 1.8.2来做到这一点，但它无法工作。我应该改变什么？欢迎对如何在php中获取列表项的值提出建议的改进。

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

    });
});

我的HTML代码在foreach循环中：

<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>

最佳答案

运行该代码段，并将其值更改为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>