2012-07-18 86 views
-1

以下是我的代碼,我想從熱媒訪問「課程型」的ID()方法如何訪問ID如何從html的()jQuery中獲取ID

$("#question-type").html("<option>Select</option><option>Excel Sheet</option><option>One by One</option>"); 

$("#question-type").change(function(){ 
    $("#course").html("<label>Select course </label><select id='course-type'><option>Course 1</option><option>Course 2</option><option>Course 3</option></select>"); 
}); 

$("#course-type").change(function(){ 

    $("#subject").html("<label>Select subject </label><select id='subject-type'><option>Subject 1</option><option>Subject 2</option><option>Subject 3</option></select>"); 
}); 

回答

2

如果不是招」已經被添加到DOM,然後它將不能被訪問。由於在執行#question-type的更改函數之前它不會被創建,因此您可能會在它存在之前試圖訪問它。

3

試試這個。

當您在DOM上添加課程類型選擇列表時,請在該時間創建更改事件處理程序。

$("#question-type").change(function(){ 
    $("#course").html("<label>Select course </label><select id='course-type'><option>Course 1</option><option>Course 2</option><option>Course 3</option></select>"); 
    $("#course-type").change(function(){ 
      $("#subject").html("<label>Select subject </label><select id='subject-type'><option>Subject 1</option><option>Subject 2</option><option>Subject 3</option></select>"); 
    }); 
}); 
+0

謝謝很多yograj ....如果我想使用該標識在.html()例如,如果我寫ajax和我想要使用「課程類型」身份證,如何我可以使用那個ID – pravin 2012-07-18 05:52:16

1

要綁定的處理程序爲元素的事件尚未在DOM中,使用.on()

$("#course").on("change", "#course-type", function(){ 
    $("#subject").html("<label>Select subject </label><select id='subject-type'><option>Subject 1</option><option>Subject 2</option><option>Subject 3</option></select>"); 
}); 

使用此方法有每次不重新綁定到該事件的question-type變化的優勢;您將單個處理程序綁定到父元素(#course),並等待更改事件從#course-type元素(如果存在)中冒泡。