代码1
| 代码如下 | 复制代码 |
|
$.each(selectValues, function(key, value) { $('#mySelect') .append($("<option></option>") .attr("value",key) .text(value)); }); |
|
代码2
| 代码如下 | 复制代码 |
|
auxArr = []; auxArr[0] = "<option value=''></option>"; $.each(data, function(k, v){ auxArr[k] = "<option value='" + k + "'>" + v + "</option>"; }); $('#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{ $("<option value='111'>UPS Ground</option>").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(''); $("<option value='1'>1111</option>").appendTo("#select")//添加下拉框的option |
|
时间： 2024-12-02 20:56:39