上選擇

Question

動態的Javascript onChange事件我有這個JavaScript片段：

var selectName["id1","id2","id3"]; 
setOnClickSelect = function (prefix, selectName) { 
     for(var i=0; i<selectName.length; i++) { 
      var selId = selectName[i]; 
      alert(selId); 
      $(selId).onchange = function() { 
       $(selId).value = $(selId).options[$(selId).selectedIndex].text; 
      } 
     } 
    } 

但是當我改變的價值我的ID1元素，警報寫給我總是「ID3」。 我可以修復它嗎？

編輯： 我已經改變了我的片段與這些語句：

setOnChangeSelect = function (prefix, selectName) { 
     for(var i=0; i<selectName.length; i++) { 
      var selId = selectName[i]; 
      $(selId).onchange = (function (thisId) { 
       return function() { 
        $(selId).value = $(thisId).options[$(thisId).selectedIndex].text; 
       } 
      })(selId); 
     } 
    } 

但selId總是最後一個元素。

Answer 1

這是由於行爲javaScript Closure，selId在循環結束時已設置爲selectName[2]而引起的，這就是爲什麼您返回'id3'的原因。

修正如下，關鍵是將回調函數封裝在另一個函數中以創建另一個閉包。

var selectName = ["id1","id2","id3"]; 

var setOnClickSelect = function (prefix, selectName) { 
     for(var i = 0; i < selectName.length; i++) { 
      var selId = selectName[i]; 
      $(selId).onchange = (function (thisId) { 
       return function() { 
       $(thisId).value = $(thisId).options[$(thisId).selectedIndex].text; 
       } 
      })(selId); 
     } 
    }; 

PS：有是var selectName["id1","id2","id3"] synyax錯誤，你應該使用var selectName = ["id1","id2","id3"];