Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/465.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery.change内部循环_Javascript_Jquery - Fatal编程技术网

Javascript jquery.change内部循环

Javascript jquery.change内部循环,javascript,jquery,Javascript,Jquery,假设我有这个code HTML <select id="id1"> <option>a</option> <option>b</option> <option>c</option> </select> <select id="id2"> <option>a</option> <option>b</option

假设我有这个
code

HTML

<select id="id1">
    <option>a</option>
    <option>b</option>
    <option>c</option>
</select>
<select id="id2">
    <option>a</option>
    <option>b</option>
    <option>c</option>
</select>
<select id="id3">
    <option>a</option>
    <option>b</option>
    <option>c</option>
</select>
<div id="result1"></div>
<div id="result2"></div>
<div id="result3"></div>

A.
B
C
A.
B
C
A.
B
C
Javascript

var i;
for (i = 1; i <= 3; i++) {
$('#id'+[i]).change(function(){
    $("#result"+[i]).html('<p>Number</p>'+[i]);                 
  });
}
vari;

对于(i=1;i在本例中,我建议您使用html的
data-
属性将相关的div id传递给change事件,并获取该id并更改其html

试试下面的方法

vari;

对于(i=1;i在本例中,我建议您使用html的
data-
属性将相关的div id传递给change事件,并获取该id并更改其html

试试下面的方法

vari;

对于(i=1;i这应该满足您的要求:

var i, j;
$('select').change(function(){    
    i = this.id.slice(2);
    j = this.value;
    $("#result"+i).html('<p>Number: '+j+'</p>');
});
vari,j;
$('select').change(函数(){
i=这个.id.slice(2);
j=该值;
$(“#result”+i).html(“编号:“+j+”

”); });

参考资料:


这应该满足您的要求:

var i, j;
$('select').change(function(){    
    i = this.id.slice(2);
    j = this.value;
    $("#result"+i).html('<p>Number: '+j+'</p>');
});
vari,j;
$('select').change(函数(){
i=这个.id.slice(2);
j=该值;
$(“#result”+i).html(“编号:“+j+”

”); });

参考资料:

试试这段代码

var i;
for (i = 1; i <= 3; i++) {
$('#id'+i).change((function(a){
            return function()
            {                   
                $("#result"+a).html('<p>Number '+a+'</p>');
            };  
        })(i));   
}
vari;
对于(i=1;i请尝试此代码

var i;
for (i = 1; i <= 3; i++) {
$('#id'+i).change((function(a){
            return function()
            {                   
                $("#result"+a).html('<p>Number '+a+'</p>');
            };  
        })(i));   
}
vari;

对于(i=1;我向您的
选择添加类别
,为该类注册事件。不要使用循环来注册
.change()
事件。
id
属性必须是唯一的将类别添加到您的
选择
,为该类注册事件。不要使用循环来注册
.change()
事件。
id
属性必须是唯一的。这是个什么鬼东西。它的工作方式像个符咒……非常感谢你救了我的一天:)…非常感谢你的简单代码和示例:)这是个什么鬼东西。它的工作方式像个符咒……非常感谢你救了我的一天:)…谢谢你的简单代码和示例:)这也是正确的…只需要添加一些代码,然后…也在工作…谢谢你的回答这也是正确的…只需要添加一些代码,然后…也在工作…谢谢你的回答这也在工作…谢谢你的替代答案这也在工作…谢谢你的替代答案