Javascript 如何在jquery中从.html()获取id
下面是我想从.htm方法访问课程类型id的代码。如何访问该idJavascript 如何在jquery中从.html()获取id,javascript,jquery,Javascript,Jquery,下面是我想从.htm方法访问课程类型id的代码。如何访问该id $("#question-type").html("<option>Select</option><option>Excel Sheet</option><option>One by One</option>"); $("#question-type").change(function(){ $("#course").html("<label&
$("#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>");
});
如果它还没有被添加到DOM中,那么它将无法被访问。因为在执行问题类型的更改功能之前不会创建它,所以您可能会在它存在之前尝试访问它。试试这个 在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>");
});
});
要将处理程序绑定到DOM中尚未包含的元素的事件,请使用:
使用此方法的优点是不会在每次问题类型更改时重新绑定到事件;您可以将单个处理程序绑定到父元素course,并等待更改事件从course type元素冒泡出来(如果存在)。多谢yograj….如果我想使用在.html中声明的id外部函数,例如,如果我编写ajax并想使用course type id,那么我该如何使用该id
$("#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>");
});