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()函数，创建另一个变量来存储新值：

＆＃13;

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);

＆＃13;

<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>

＆＃13;

jquery parent（）。find（input）.val（）;单击时访问一个表格单元格中的两个输入字段

3 个答案: