jquery ().find(输入).val()；点击一个表格单元格访问两个输入字段

Question

我试图在一个表格单元格中的两个输入字段(一个文本字段和一个选择字段)上获得值，并单击按钮。

<td>
    <input type="text" onkeypress="return validateNumber(event);" value="'+rate_value+'" class="thinpt" maxlength="3" />
    <select class="thinpt1" value="'+format+'">
        <option value="21">Seconds</option>
        <option value="22">Minutes</option>
        <option value="33">Hours</option>
    </select>
    <button class="setstream" type="button" data-devicevalue="'+device_value+'" data-device="'+device_id+'" data-devicetype="'+device_type+'" data-gateway="'+gateway_id+'">SET</button>
    <span class="done grn"></span>
</td>

在jquery中，使用下面的脚本从单个文本字段获取输入。

var threshold  = $(this).parent().find('input').val();

我不知道如何使用上面的jquery行获得两个不同输入框的值。

任何帮助都是非常感谢的。

Answer 1

var first  = $(this).parent().find('input').val();
var second  = $(this).parent().find('select').val();

Answer 2

这很容易。尝尝这个

<td><input type="text" value="'+rate_value+'" class="thinpt" maxlength="3"  />
<select class="thinpt1" value"'+format+'" >
   <option value="21">Seconds</option>
   <option value="22">Minutes</option><option value="33">Hours</option>
</select>
<button class="setstream" type="button" data-devicevalue="'+device_value+'" data-device="'+device_id+'" data-devicetype="'+device_type+'" data-gateway="'+gateway_id+'">SET</button><span class="done grn"></span></td>

Jquery

$(function($){
    $(".thinpt").on('keyup',function(){
        var inputValue=$(this).parent().find('input').val();
        var selectValue=$(this).parent().find('select').val();
    });
});

Answer 3

使用相同的val()函数，创建另一个变量来存储新值：

​

var thinpt = $('.thinpt').val();
var thinpt1 = $('.thinpt1').val();//get the value of the selected option
var thinpt1text = $('.thinpt1 option:selected').text();//get the text of the selected option
console.log(thinpt,thinpt1,thinpt1text);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" onkeypress="return validateNumber(event);" value="x" class="thinpt" maxlength="3" />
<select class="thinpt1" name="format">
<option value="21">Seconds</option>
<option value="22">Minutes</option>
<option value="33">Hours</option>
</select>
<button class="setstream" type="button" data-devicevalue="'+device_value+'" data-device="'+device_id+'" data-devicetype="'+device_type+'" data-gateway="'+gateway_id+'">SET</button><span class="done grn"></span>

​