jquery操作select(取值,设置选中
2017-06-01 17:10
239 查看
比如<select class="selector"></select> 1、设置value为pxx的项选中 $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true); 这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。 3、获取当前选中项的value $(".selector").val(); 4、获取当前选中项的text $(".selector").find("option:selected").text(); 这里用到了冒号,掌握它的用法并举一反三也会让代码变得简洁。http://blog.csdn.net/nairuohe/article/details/6307367// 1.判断select选项中 是否存在Value="paraValue"的Itemfunction jsSelectIsExitItem(objSelect, objItemValue) {var isExit = false;for (var i = 0; i < objSelect.options.length; i++) {if (objSelect.options[i].value == objItemValue) {isExit = true;break;}}return isExit;}// 2.向select选项中 加入一个Itemfunction jsAddItemToSelect(objSelect, objItemText, objItemValue) {//判断是否存在if (jsSelectIsExitItem(objSelect, objItemValue)) {alert("该Item的Value值已经存在");} else {var varItem = new Option(objItemText, objItemValue);objSelect.options.add(varItem);alert("成功加入");}}// 3.从select选项中 删除一个Itemfunction jsRemoveItemFromSelect(objSelect, objItemValue) {//判断是否存在if (jsSelectIsExitItem(objSelect, objItemValue)) {for (var i = 0; i < objSelect.options.length; i++) {if (objSelect.options[i].value == objItemValue) {objSelect.options.remove(i);break;}}alert("成功删除");} else {alert("该select中 不存在该项");}}// 4.删除select中选中的项function jsRemoveSelectedItemFromSelect(objSelect) {var length = objSelect.options.length - 1;for(var i = length; i >= 0; i--){if(objSelect[i].selected == true){objSelect.options[i] = null;}}}// 5.修改select选项中 value="paraValue"的text为"paraText"function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {//判断是否存在if (jsSelectIsExitItem(objSelect, objItemValue)) {for (var i = 0; i < objSelect.options.length; i++) {if (objSelect.options[i].value == objItemValue) {objSelect.options[i].text = objItemText;break;}}alert("成功修改");} else {alert("该select中 不存在该项");}}// 6.设置select中text="paraText"的第一个Item为选中function jsSelectItemByValue(objSelect, objItemText) {//判断是否存在var isExit = false;for (var i = 0; i < objSelect.options.length; i++) {if (objSelect.options[i].text == objItemText) {objSelect.options[i].selected = true;isExit = true;break;}}//Show出结果if (isExit) {alert("成功选中");} else {alert("该select中 不存在该项");}}// 7.设置select中value="paraValue"的Item为选中document.all.objSelect.value = objItemValue;// 8.得到select的当前选中项的valuevar currSelectValue = document.all.objSelect.value;// 9.得到select的当前选中项的textvar currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;// 10.得到select的当前选中项的Indexvar currSelectIndex = document.all.objSelect.selectedIndex;// 11.清空select的项document.all.objSelect.options.length = 0;
jquery获取select选择的文本与值 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex;
相关文章推荐
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)[转]
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)【转】
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)
- jquery操作select(取值,设置选中)