Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/292.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用jquery获取文本字段的值_Javascript_Jquery_Html - Fatal编程技术网

Javascript 使用jquery获取文本字段的值

Javascript 使用jquery获取文本字段的值,javascript,jquery,html,Javascript,Jquery,Html,我有这个html代码 <div class="sub-middle-column"> <div class="div-header">Grandsire <a "#", class="table-control-focus sub-header-table-focus" id="table-control-focus-t" >abc</a> <ul class="table-controls hide side-actio

我有这个html代码

<div class="sub-middle-column">
  <div class="div-header">Grandsire
    <a "#", class="table-control-focus sub-header-table-focus" id="table-control-focus-t" >abc</a>
    <ul class="table-controls hide side-action-items">
      <li>
        <a data-remote="true" data-box-no="1" class="find_or_add_horse" href="#">Find/Add Horse</a>
      </li>
      <li>
        <a href="go_to_next_horse" data-remote="true">Go to the Next Horse</a>
      </li>
    </ul>
  </div>
  <input type="text" name="search" id="search" class="search_horse">
</div>
试试这个

$(document).on('click', '.find_or_add_horse', function(){
    var value = $('#search').val();
});
试试这个

$(document).on('click', '.find_or_add_horse', function(){
    var value = $('#search').val();
});

使用
.val()

如果您有多个
次中间列
div,请尝试以下操作:

 $(document).on('click', '.find_or_add_horse', function(){
       alert($(this).closest('.sub-middle-column').find('.search_horse').val());
    });
使用
.val()

如果您有多个
次中间列
div,请尝试以下操作:

 $(document).on('click', '.find_or_add_horse', function(){
       alert($(this).closest('.sub-middle-column').find('.search_horse').val());
    });
.val()
用于输入字段,
.text()
用于其他html容器,如
p
div

别忘了
$.trim()输入,因为希望您不希望输入文本周围出现空白

试试这个:

$(document).on('click', '.find_or_add_horse', function(){
   var inputtextvalue = $.trim($("#search").val());
});
.val()
用于输入字段,
.text()
用于其他html容器,如
p
div

别忘了
$.trim()输入,因为希望您不希望输入文本周围出现空白

试试这个:

$(document).on('click', '.find_or_add_horse', function(){
   var inputtextvalue = $.trim($("#search").val());
});

您可以使用父元素查找根元素,然后对该元素使用find来获取输入

console.log($(this).parents('.sub-middle-column').find('.search_horse').val());

您可以使用父元素查找根元素,然后对该元素使用find来获取输入

console.log($(this).parents('.sub-middle-column').find('.search_horse').val());

您可以尝试下面的代码

$(document).on('click', '.find_or_add_horse', function(){
     var textValue= $('#search').val();
      });

您可以尝试下面的代码

$(document).on('click', '.find_or_add_horse', function(){
     var textValue= $('#search').val();
      });

试试$(“#搜索”).val()sheez,我几乎听到人们键入答案的速度比me@doniyor不仅张贴答案,后来编辑它的速度比我快…这个问题是第一次如此。OP在这里搜索,什么也没找到。甚至在互联网上。嗯…@MiljanPuzovićno waytry$(“#search”).val()sheez,我几乎听到人们打字的速度比我快me@doniyor不仅张贴答案,后来编辑它的速度比我快…这个问题是第一次如此。OP在这里搜索,什么也没找到。甚至在互联网上。嗯…@MiljanPuzovićnoway@Anton以49比49击败你seconds@Anton以49秒的优势击败你