【问题标题】:How do I get the data stored in value in JQuery?如何在 JQuery 中获取存储在 value 中的数据?
【发布时间】:2018-10-13 05:36:51
【问题描述】:

我有如下输入框,我想获取它的值。

 <input id="dontuse" name="post_tag" 
 value="sdafdsfds,adsfdsfdsfdsaf,sadfdsfdsfasd,asdfdsfsd,czxczXCzzx" 
 data-output="bootstrap" class="wpt-form-hidden form-hidden" data-wpt- 
id="dontuse" data-wpt-name="post_tag" type="hidden">

以下返回文本框中的数据(通过另一个元素tmp_post_tag。

 $(document).ready(function(){
 $('input[name="tmp_post_tag"]').keyup(function(e){
   var val = $(this).val();
   $("#fieldID3").val(val);
 });
 });

但它只返回文本框中的内容(如果用户按下输入,数据将存储在 post_tag 的“值”中并从文本框中消失。

如何获取存储在“值”中的数据在此处输入:

 <input type="text" id="fieldID3" name="test" value="n/a">

这是我尝试过的,还没有得到它来给我数据。

 $(document).ready(function(){
 $('input[name="post_tag"]')
   var val = $(this).val();
   $("#fieldID3").val(val);
 });

【问题讨论】:

  • 什么意思?

标签: javascript jquery wordpress input tags


【解决方案1】:

如果我能正确理解你的话。

 $(document).ready(function(){
 $('input[name="tmp_post_tag"]').keyup(function(e){
   var val = $(this).val();
   $("#fieldID3").val()+val;
 });
 });

【讨论】:

  • 没有。这会保留先前的数据,但会对其自身进行迭代。 abcdef = aababcabcdabcdeabcdef
【解决方案2】:

代码中name 使用的属性值与元素中的属性值不匹配。它应该是 post_tag 而不是 tmp_post_tag。另外,您如何keyup 处理不可见的元素?虽然你可以在代码中触发事件。

$(document).ready(function(){
  $('input[name="post_tag"]').keyup(function(e){
    var val = $('input[name="post_tag"]').val();
    $("#fieldID3").val(val);
  });
  $('input[name="post_tag"]').trigger('keyup');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="dontuse" name="post_tag" 
 value="sdafdsfds,adsfdsfdsfdsaf,sadfdsfdsfasd,asdfdsfsd,czxczXCzzx" 
 data-output="bootstrap" class="wpt-form-hidden form-hidden" data-wpt- 
id="dontuse" data-wpt-name="post_tag" type="hidden">


<input type="text" id="fieldID3" name="test" value="n/a">

【讨论】:

  • 你是对的。我在看错误的元素。 tmp 写它,但 post_tag 给它值
  • @TheoE,更新后的代码部分没有附加keyup
猜你喜欢
  • 2012-06-30
  • 1970-01-01
  • 2014-08-02
  • 1970-01-01
  • 1970-01-01
  • 2022-07-21
  • 1970-01-01
  • 2021-04-15
  • 2012-01-14
相关资源
最近更新 更多