select,radio标签常用操作

select,radio标签常用操作


select常用操作

清空option标签

$("#aa").empty();

Select下拉选点击事件

$("#aa").change(function(){
}); 

获取选中的option的Value

var aa=$("#aa").val();

获取选中的option的text

var aa=$("#aa").find("option:selected").text(); 

动态拼接option

//jquery方式
$("#aa").append("<option value='v'>t</option>");
//js方式 (new option(text,value))
var  obj=document.getElementById('aa');
obj.add( new  Option( user.userName,user.userId ));

删除select中option的value为3的数据

$("#aa option[value='3']").remove(); 

默认选中option的文本为vv的数据

$(".bb").find("option[text='vv']").attr("selected",true);
$("#aa option[value='bb']").attr("selected","selected");

radio常用操作

//value为vv的radio默认选中

扫描二维码关注公众号,回复: 5844389 查看本文章
$("input[name='bb'][value='vv']").prop("checked", "checked");

//获取一组radio被选中项的值

var tt= $('input[name='bb']:checked').val(); 

猜你喜欢

转载自blog.csdn.net/qq_43639296/article/details/86693119