2017-06-29 66 views
0

我有表结构已经 https://jsfiddle.net/u8sdko1a/1/按钮点击设置在表输入字段值在Javascript

创造了按钮单击我想设置表输入字段值。

JS代码:

$('#regform tr#cny-1131').each(function() { 

     $(this).find("input.dedicate").val(name); 
     $(this).find("input.chinese_name").val(chinese_name); 

}); 

此代码工作在Firefox但不是在IE和CHROM。

请任何人的帮助,以解决此问题

+0

什么,并从那里的名称和chinese_name丘壑要设置在这里?并且js小提琴也不会在firefox中设置值。 –

+0

好吧,你的小提琴不工作,但这是因为jQuery被使用,但没有包含在小提琴中:'未捕获的ReferenceError:$未定义'。 – jammypeach

+0

首先检查Jquery选择器是否提供任何结果: alert($(this).find(“input.dedicate”)。length); 还检查“每个”的语法。它需要2个参数:索引和元素。因此,将代码更改为以下代码: $('#regform tr#cny-1131')。each(function(idx,element){ $(element).find(“input.dedicate”)。val name); $(element).find(“input.chinese_name”).val(chinese_name); }); –

回答

0

有很多错误在你的jsfiddle。首先你没有包含JQuery来加载页面加载。然后,您使用ID选择器regform-0regform,它是ID为<td>的ID选择器,并且您使用的是$('#regform-0 tr#cny-cny-1130'),它将查找<tr>,它是ID为#regform-0的元素的子元素。由于具有编号为regform-0的元素本身就是<td>,它如何能够找到一个<tr>作为一个孩子。另一个错误是dedicated的类名称,它是dedicate。总的来说,工作代码是这样的

$(document).ready(function() { 
$(".cny_order").on("click", function(e) { 
       $('#chinese tr.cny_item').find("input.dedicate").val("Tesst"); 
       $('#chinese tr.cny_item').find("input.chinese_name").val("erer"); 
}); 
}); 

为了您的解决方法在这里是链接到JSFIDDLE

相关问题