using jquery .html(), i cant pass an id through to a function

Question

sorry if confusing.. but i am this code:

$(document).ready(function(){
  $("button.yo1").click(function(){
    $("div.class1").html("<h1>&nbsp;</h1><h1><br /><select id='multi2' style='width:193px;'></select><br /></h1><button>Pick Class</button>")
  });
});

and 'multi2' can't be found .. do i have to pass a parameter or variable?. here is the function to get multi2

function childless() {

var s = document.getElementById('multi2');
var ar = [1,2,3];
for(var i=0; i<ar.length; i++) {
var option = document.createElement('option');
option.text = ar[i];
option.value = ar[i];
s.options[i] = option;
}

}

it works if i dont change the div, any ideas?

Answer 1

好吧，除非单击了button.yo1，否则无法调用childless（）函数

Answer 2

$(document).ready(function(){
    $("button.yo1").click(function(){
        $("div.class1").html("<h1>&nbsp;</h1><h1><br /><select id='multi2' style='width:193px;'></select><br /></h1><button>Pick Class</button>");
        childless(); // <---call childless() after the HTML content has been added.
    });
});

Although I'd wonder why you want to recreate the content with each click of div.class1 .