.net 中，我想用jquery通过一个循环给一个空的select元素插入下拉选项列表，请问怎么写？

写出你列表中代码，可以循环+变量的，我这里给出的是死数据你照着做

var str="<option value='select绑定的值'>select显示的东西</option>"

$("#id").append(str)

第二句就是找到你的select对象把str填充进去，就可以得到了

循环时你应该会有2组变量 一个存值一个存显示数据假设为arr1和arr2那么str可以这么写

var str=""

for(i=0i<arr1.lengthi++){

str+="<option value="+arr1[i]+">"+arr2[i]+"</option>"

}

原理很简单 就是str是一串html代码直接填充到页面的<select></select>之间 理解了？

本篇文章是关于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() == ){     $(this) remove()   }   }) }else{   $("<option value= >UPS Ground</option>") appendTo($("select[@name=ISHIPTYPE]")) } } //取得下拉选单的选取值 $( #testSelect option:selected ) text() 或 $("#testSelect") find( option:selected ) text() 或 $("#testSelect") val() ////////////////////////////////////////////////////////////////// 记性不好的可以收藏下 下拉框: var cc    = $(" formc select[@name= country ] option[@selected]") text()//得到下拉菜单的选中项的文本(注意中间有空格) var cc = $( formc select[@name="country"] ) val()   //得到下拉菜单的选中项的值 var cc = $( formc select[@name="country"] ) attr("id")//得到下拉菜单的选中项的ID属性值 $("#select") empty()//清空下拉框//$("#select") ( )$("<option value= ></option>") appendTo("#select")//添加下拉框的option

稍微解释一下: select[@name= country ] option[@selected] 表示具有name 属性 并且该属性值为 country 的select元素 里面的具有selected 属性的option 元素 可以看出有@开头的就表示后面跟的是属性

单选框: $("input[@type=radio][@checked]") val()   //得到单选框的选中项的值(注意中间没有空格) $("input[@type=radio][@value= ]") attr("checked" checked )//设置单选框value= 的为选中状态 (注意中间没有空格)

复选框: $("input[@type=checkbox][@checked]") val()//得到复选框的选中的第一项的值 $("input[@type=checkbox][@checked]") each(function(){ //由于复选框一般选中的是多个 所以可以循环输出    alert($(this) val())   })

$("#c ") attr("checked" )//不打勾 $("#c ") attr("checked" true)//打勾 if($("#c ") attr( checked )==undefined){} //判断是否已经打勾 当然jquery的选择器是强大的 还有很多方法 <script src=jquery js type=text/javascript></script><script language="javascript" type=text/javascript>$(document) ready(function(){ $("#selectTest") change(function() {        //alert("Hello")       //alert($("#selectTest") attr("name"))       //$("a") attr("href" "xx ")       //window location href="xx "       //alert($("#selectTest") val())       alert($("#selectTest option[@selected]") text())       $("#selectTest") attr("value" " ")

})})</script>

<a href="#">aaass</a><! 下拉框 ><select id="selectTest" name=selectTest><option value=" "></option><option value=" "></option><option value=" "></option><option value=" "></option><option value=" "></option><option value=" "></option></select>jquery radio取值 checkbox取值 select取值 radio选中 checkbox选中 select选中 及其相关获取一组radio被选中项的值 var item = $( input[@name=items][@checked] ) val()获取select被选中项的文本 var item = $("select[@name=items] option[@selected]") text()select下拉框的第二个元素为当前选中值 $( #select_id )[ ] selectedIndex = radio单选组的第二个元素为当前选中值 $( input[@name=items] ) get( ) checked = true 获取值 文本框 文本区域 $("#txt") attr("value") 多选框checkbox $("#checkbox_id") attr("value") 单选组radio $("input[@type=radio][@checked]") val() 下拉框select $( #sel ) val() 控制表单元素 文本框 文本区域 $("#txt") attr("value" )//清空内容                 $("#txt") attr("value" )//填充内容 多选框checkbox $("#c ") attr("checked" )//不打勾                 $("#c ") attr("checked" true)//打勾                 if($("#c ") attr( checked )==undefined) //判断是否已经打勾 单选组radio $("input[@type=radio]") attr("checked" )//设置value= 的项目为当前选中项 下拉框select $("#sel") attr("value" sel )//设置value= sel 的项目为当前选中项             $("<optionvalue= ></option><optionvalue= ></option>") appendTo("#sel")//添加下拉框的option             $("#sel") empty() //清空下拉框

lishixinzhi/Article/program/Java/JSP/201311/20142

1、确定当前需要添加元素的text以及对应的value

2、获取当前下拉框中所有的option元素数组optionArr，可以通过$('#citySelect option')获取元素集合。

3、遍历optionArr，判断需要添加的text或者value是否和optionArr相同，相同则不添加，没有重复则添加。

示例：

<select id='citySelect'>

<option value='beijing'>北京</option>

<option value='shanghai'>上海</option>

</select>

方法：

<script>

function addCity(value, text){

var optionArr = $('#citySelect option')

for(var i=0i<optionArr.lengthi++){

if(optionArr[i].text == text || optionArr[i].value == value){

return false

}

}

var addOption = "<option value='" + value + "'>" + text + "</option>"

$('#citySelect').append(addOption)

}

</script>

---