jquery文本输入框传递给变量

jquery text input box pass to variable

本文关键字：变量 文本 输入 jquery      更新时间：2024-06-18

这是我第一次使用jquery，虽然这是一项相当简单的任务，但我已经陷入了困境。我有一个输入框，里面有一天中的时间。我想创建一个按钮来获取时间并将其发送到变量（setTime），这样我就可以在脚本的其他地方使用时间。然而，我在传递变量时遇到了问题，我添加了一个警报窗口，但我得到的要么是空白警报，要么是"未定义"警报。第一行

开始时间。。。。工作得很好，它的setTime东西坏了。

页眉：setTime = $('#setTime').text();$（'#formTime'）.timeEntry（｛show24Hours:true｝）；

页面正文：

<p>Start Time <input type="text" size="2" id="formTime" class="spinners" value="" /> </p>
    <input type="button" value="Set Time" onclick="$('#setTime').val('#formTime');" />
    <input type="button" value="Show Date" onclick="alert(setTime);" />

感谢

您必须对代码进行一些更改
例如，通过添加一些id来更新您的Html。

<p>
    Start Time <input type="text" size="2" id="formTime" class="spinners" value="" />
</p>
<input id="setTime" type="button" value="Set Time" />
<input id="showTime" type="button" value="Show Date" /> ​

就我个人而言，我不喜欢将脚本分配给html控件中的事件，因为它们变得很难维护，并且会给页面带来混乱
您可以在脚本标记中的html页面底部编写脚本，或者更好的是，使用外部js文件。外部js文件也将保持你的Html干净和你的脚本不引人注目。

var setTime = 0;
var $fromTime = $("#formTime")
$("#setTime").off("click").on("click", function(){
    setTime = $fromTime.val();
});
$("#showTime").off("click").on("click", function(){
    alert(setTime);
});

请参阅工作DEMO

使用jQuery有时会令人困惑，但在线文档非常棒。

#setTime的意思是"id为'setTime'的元素"-您没有该id的元素，而您试图获取其值的控件根本没有id。

timeEntry不是一个jQuery方法，所以当你试图调用它时会出错。如果你正在使用一个你认为应该添加该方法的插件，那么你应该这么说。

.val('#formTime')将表单控件的值设置为字符串#formTime。如果你想得到这个值，不要给那个方法传递一个参数…并且要把方法调用的返回值分配给一些东西。

您可能应该学习编程和JavaScript的入门知识。

相关文章：