Javascript 如何在单击按钮时获取文本框值？

我有下面给出的8组表单。所有类名和表单名都相同。但我将提供的输入在所有表格上都是不同的。当我点击过滤器按钮时，我需要从文本框中获取输入值。如何在jquery中使用

$（this）。

？ 这是我试过的

$(".filterit").click(function(){
  $(this).$('myform').$('filter1').val();
});

html

滤器

您需要：

1） 遍历到最近的表元素

2） 以及其中包含选择器

.filter-1

的find元素

$(".filterit").click(function () {
   var inp1val = $(this).closest('table').find('.filter-1').val();
});

使用

.nextest（）

遍历到最近的元素，使用

.find（）

搜索元素类或id或选择器，使用

.val（）

获取输入值

$(".filterit").click(function(){
   $(this).closest('table').find('.filter-1').val(); // for first text box
   $(this).closest('table').find('.filter-2').val(); // for second
});

$（“#过滤器_btn”）。单击（函数（）{
$（this.parent（）.parent（）.find（“#filter2”）.val（）；
});

滤器
制作按钮type=“submit”

那么你的活动应该是

$(".filterit").submit(function(){
    //this keyword is now the form that was submitted
});

希望这有帮助

$(".filterit").submit(function(){
    //this keyword is now the form that was submitted
});