一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery动态输出生成select控件

时间:2022-11-14 22:03:19 编辑:袖梨 来源:一聚教程网

代码1

代码如下 复制代码

$.each(selectValues, function(key, value) {
$('#mySelect')
.append($("")
.attr("value",key)
.text(value));
});

代码2

代码如下 复制代码

auxArr = [];
auxArr[0] = "";
$.each(data, function(k, v){
auxArr[k] = "";
});
$('#activity').html(auxArr.join(''));

代码二的兼容性更好。

jQuery select操作

//遍历option和添加、移除option

代码如下 复制代码
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("").appendTo($("select[@name=ISHIPTYPE]"));
}
}


//取得下拉选单的选取值

代码如下 复制代码
$('#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
或$("#testSelect").val();

//////////////////////////////////////////////////////////////////
记性不好的可以收藏下:
1,下拉框:

代码如下 复制代码

var cc1 = $(".formc select[@name='country'] option[@selected]").text(); //得到下拉菜单的选中项的文本(注意中间有空格)
var cc2 = $('.formc select[@name="country"]').val(); //得到下拉菜单的选中项的值
var cc3 = $('.formc select[@name="country"]').attr("id"); //得到下拉菜单的选中项的ID属性值
$("#select").empty();//清空下拉框//$("#select").html('');
$("").appendTo("#select")//添加下拉框的option

热门栏目