首页 > 代码库 > jq根据option的value或者text默认选中

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

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

$("select option[value=http://www.mamicode.com/‘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=http://www.mamicode.com/‘+index+‘]").attr("selected","selected");

思考1:如何获取动态添加的dom?

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

思考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元素

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