使用jQuery从php循环中选择元素的id
我有两个包含客户信息的下拉列表。 使用PHP for loop,我允许一次输入5个客户的详细信息使用jQuery从php循环中选择元素的id,php,javascript,jquery,select,loops,Php,Javascript,Jquery,Select,Loops,我有两个包含客户信息的下拉列表。 使用PHP for loop,我允许一次输入5个客户的详细信息 for($i=1; $i<6; $i++) { echo "<tr><td><select id=\"customer_" . $i . "_class\"></select></td>"; echo "<td><select id=\"customer_" . $i . "_age\"></
for($i=1; $i<6; $i++)
{
echo "<tr><td><select id=\"customer_" . $i . "_class\"></select></td>";
echo "<td><select id=\"customer_" . $i . "_age\"></select></td></tr>";
}
将类添加到属性,并将id移动到另一个属性,如数据:
您可以使用:
这可能值得在网上浏览一下
除了data id属性之外,在这里添加id属性不会有什么坏处,因为id选择器比常规属性选择器快得多。我喜欢使用类属性我在回答中没有建议的唯一原因是您已经有了,但我可能会在没有data id属性的情况下这样做,用$this.closest'tr'.find'.customer_age.来代替查找匹配的年龄选择。谢谢大家,现在您在var id中有了数据id。如何使用该特定的数据id为customer_类执行函数?很抱歉这个新问题。@AsadoQureshi您应该创建一个包含更多HTML/JS代码的新问题,并解释您想要实现的目标。
$("#customer_?_clas").change(function()
{
//some function to execute on corresponding customer_?_age
});
echo "<tr>";
echo "<td><select class=\"customer_class\" data-id=\"$i\"></select></td>";
echo "<td><select class=\"customer_age\" data-id=\"$i\"></select></td>";
echo "</tr>";
$('.customer_class').change(function() {
var id = $(this).attr('data-id');
// process customer_class with this id
});
$('select[id$="_class"]').change(function() {
$('select').
filter(function() {
return /^customer_[0-9]_class$/.test(this.id); // filter on select
// based on id format
})
. change(function() { // binding change
// to filtered select
var num = this.id.match(/\d/)[0]; // get numerical value
// of select box on change
$('#customer_' + num + '_age') // point to target select
.css('background', '#f00'); // do something
});