要存储在变量中的 JQUERY 输入字段值

Question

我无法将用户在文本框中键入的值捕获到变量中。

我不想使用<form> ，有没有其他方法可以做到这一点？

   <html>
   <head>
   <style>

     p { color:blue; margin:8px; }
     </style>
     <script src="http://code.jquery.com/jquery-latest.js"></script>
   </head>
   <body>
   <input type="text" id="txt_name"  />

   <script type="text/javascript">
   value = $("#txt_name").val(); 
   $("#dom_element").text(value);
   </script>

   </body>
   </html>

Answer 1

如果您想获得用户键入的值，那么您需要这样做以响应某种事件。 keyup 事件发生（信不信由你）当用户正在键入并释放一个键时。 如果您捕获 keyup，您可以在每次击键时更新您的变量，但您也应该捕获“更改”以允许粘贴和拖放不使用键盘的更改。 “更改”事件发生在用户修改该字段然后单击或跳出该字段时。

此外，目前您的value变量是全局的，但如果您使用它的只是设置另一个字段的值，您根本不需要它：

$("#txt_name").on("keyup change", function() {
   $("#dom_element").text(this.value);
});

// OR, if you need the variable for some other reason:
$("#txt_name").on("keyup change", function() {
   var value = this.value; // omit "var" to make it global
   $("#dom_element").text(value);
});

请注意，在事件处理函数中， this将是 dom 元素，因此您可以并且应该在没有 jQuery 的情况下直接获取其值。

如果您使用的是旧版本的 jQuery，请使用.bind()而不是.on() 。

Answer 2

你的意思是这样吗？

脚本：

jQuery(function(){
    $("#txt_name").keypress(function() {
      var value = $("#txt_name").val(); 
      $("#myDiv").text(value);
    });
});

HTML：

<form>
  <fieldset>
    <input id="txt_name" type="text" value="Hello World" />
  </fieldset>
</form>
<div id="myDiv"></div>

我希望这对你有帮助。

Answer 3

<script>
   $('#txt_name').keyup(function(){
      value = $("#txt_name").val(); 
      $("#dom_element").val(value);
   });
</script>

这是来自api.jquery.com ：

.text() 方法不能用于表单输入或脚本。 要设置或获取 input 或 textarea 元素的文本值，请使用 .val() 方法。 要获取脚本元素的值，请使用 .html() 方法。

从 jQuery 1.4 开始， .text() 方法返回文本和 CDATA 节点以及元素节点的值。