jq根据option的value或者text默认选中

Posted 2020-09-10

1.jq根据option的value默认选中

$("select option[value=‘2‘]").attr("selected","selected");

2.jq根据option的text默认选中

$("select option:contains(‘2‘)").attr("selected","selected");

3.jq根据动态的value值默认选中

var index=vm.$data.index
 $("#aaa option[value=‘+index+‘]").attr("selected","selected");

思考1：如何获取动态添加的dom？

英文ajax是异步的，获取dom的方法和ajax在同一级，ajax还没接到返回结果，就已经执行了获取dom的方法了，所以要把方法放到$("select").append("<option value=‘1‘>1</option>");   后面。

思考2：如何给动态添加的dom绑定事件？

1.把方法放到$("div").append("<div class="new">1</div>");   后面

$(".new").on("click",function(){
alert("The dom was clicked.");
});

只能在添加动态dom的函数里面起作用

2. 把方法放到$("div").append("<div class="new">1</div>");   外面

$("div").on("click",".app2",function(){
    alert("这是动态添加的div  app2");
});

要保证父元素div是原本页面中就有的（即动态添加的），子元素是动态添加的，这样就可以在全局操作这个新加的dom元素