Javascript 获取动态生成的TR的组合TDs值
我试图将动态生成的Javascript 获取动态生成的TR的组合TDs值,javascript,jquery,html,Javascript,Jquery,Html,我试图将动态生成的tr中的输入值输入到数组中。如何获得阵列中的组合td值 <input type="button" id="button" value="Click Me" /> <table style="width:100%" id="sub1"> <tr> <td> <input class="myInpCls" type="text" /> </td>
tr
中的输入值输入到数组中。如何获得阵列中的组合td值
<input type="button" id="button" value="Click Me" />
<table style="width:100%" id="sub1">
<tr>
<td>
<input class="myInpCls" type="text" />
</td>
<td>
<select class="mySelCls">
<option value="1">value 1</option>
<option value="2">value 2</option>
</select>
</td>
</tr>
<tr>
<td>
<input class="myInpCls" type="text" />
</td>
<td>
<select class="mySelCls">
<option value="3">value 3</option>
<option value="4">value 4</option>
</select>
</td>
</tr>
</table>
值1
价值2
价值3
价值4
var onClick=function(){
变量输入=$(“#sub1”).find('.myInpCls');
对于(变量i=0;i
我可以使用.find('.myInpCls')
提取输入值。如何在这里获得组合值?类似于input1##value 1
,input2##value 2
等的数组
更新:
我在下一个td中有一个选择框。我必须把这两项结合起来。即,输入值+相应的选择项
var onClick=function(){
var结果=[];
变量输入=$(“#sub1”).find('.myInpCls');
对于(变量i=0;i
值1
价值2
价值3
价值4
我将循环tr
并搜索输入
,然后选择。你想做什么就做什么
要创建输入值数组,可以使用map()
:
试试这个片段
var onClick=function(){
变量输入=$(“#sub1”).find('.myInpCls');
var-arr=[];
对于(变量i=0;i
值1
价值2
价值3
价值4
我稍微整理了一下你的代码。请注意,我的回答考虑了用户没有填写所有字段的情况
$(“#按钮”)。单击(函数(){
var append_数组=[];
$(“tr”)。每个(函数(){
var input=$(this.find(“input”).val();
var select=$(this.find(“select”).val();
(输入!=''?追加数组。推送(输入):'';
追加数组。推送(选择);
});
log(追加数组);
返回数组;
});代码>
值1
价值2
价值3
价值4
我在下一个td中有一个选择框。我必须把这两项结合起来。例如,输入值+相应的选择项。这实际上是一个单独的问题,因为它本来应该在问题中。但是,您可以通过从map()
返回一个包含这两个值的对象来实现这一点,如下所示:对不起,我没有正确解释它。代码已提取此项。我在最后一部分中提到,我需要所有组合tds的值。谢谢,我在下一个td中有一个选择框。我必须把这两项结合起来。即,输入值+相应的选择项。我在下一个td中有一个选择框。我必须把这两项结合起来。即,输入值+相应的选择项。我在下一个td中有一个选择框。我必须把这两项结合起来。即,输入值+相应的选择项。然后,不要单独附加选择项和输入项,而是创建一个中间变量,将两者都附加,然后按下。我给了你核心…我在下一个td中有一个选择框。我必须把这两项结合起来。也就是说,输入值+相应的选择项。我现在就从这里开始做了。我只是想合并。不完全是补充。接受答案。我认为您需要在上述小提琴中的select值上使用toString()
,因为这会导致NaN
是的,我也看到了@RoryMcCrossan。刚刚更新了小提琴和旧琴的答案。
$('#button').click(function() {
$("#sub1 tr").each(function() {
var input = $(this).find(".myInpCls").val() || 0,
select = $(this).find(".mySelCls").val() || 0,
value = parseInt(input) + parseInt(select);
alert(value);
});
});
var onClick = function() {
var values = $('#sub1 .myInpCls').map(function() {
return this.value;
}).get();
//use the values array here...
console.log(values);
};
$('#button').click(onClick);