javascript - How can i get the text box value on click button? -
i have 8 set of forms given below.all class names same , form names same. input providing different on forms. need input value text box when click on filter button.how can in jquery using $(this).
? here have tried.
$(".filterit").click(function(){ $(this).$('myform').$('filter1').val(); });
html
<form name="myform" method="post"> <table class="pop-table"> <tr><td><input type="text" value="" name="filter1" class="filter-1"><td></tr> <tr><td><input type="text" value="" name="filter2" class="filter-2"></td></tr> <tr><td><button class="btn btn-warning filterit">filter</button></td></tr></table> </form>
use .closest()
traversed closest element , .find()
search element class or id or selector , .val()
getting input value
$(".filterit").click(function(){ $(this).closest('table').find('.filter-1').val(); // first text box $(this).closest('table').find('.filter-2').val(); // second });
Comments
Post a Comment