jquery ajax 返回select无效

Question

 $.ajax({
                        type: "POST",
                        url: "../tools/get_ContactPerson_ajax.ashx",
                        dataType: "html",
                        success: function (msg) {
                            $(".address").append(msg);
                            city_Load()
                         }
                    });
  
get_ContactPerson_ajax.ashx 文件返回一段select
 strTxt.Append("<select name=\"province\" id=\"province\" class=\"select2 required\">");
  strTxt.Append("</select>"); 
 
这样做无效吗
 function city_Load() {   $("<option value='-1'>请选择</option>").appendTo($("#province"));}
$("#province")数据都无法显示的
所有$("#province")操作都无效 比如$("#province").change都无效 是什么原因？？？请教`!

Answer 1

你前端写好
<select id="province" onchange="xx()"></select>ajax只进行填充数据就可以了

Answer 2

function city_Load() {
var $html = $("#province");
$html.append("<option value='-'>请选择</option>");
}

Answer 3

因为你这个select是动态加载的，并没有被jquery渲染,所有jquery操作都是没有的，当然也包括事件

Answer 4

先写好<select id="province" onchange="xx()"></select>
再填充下拉项：
document.getElementById("province").options.add(new Option("请选择", "-1"));