jquery 对select的操作

来源:互联网 发布:网络事件营销2017 编辑:程序博客网 时间:2024/06/03 12:28

如题。

        使用js直接操作select。一般会使用到下面的几个命令:

        

var tmp = document.getElementById("select");//创建option方法1var tmpOp = document.createElementByTagName("option");tmp.value = "1"tmp.appendChild(tmpOp);//创建option方法2tmp.add(option的文字,要插在之前的selectedIndex)//创建option方法3tmp.innerHTML="<option value='0'>POLO</option"
//删除option方法1tmp.removeChild(tmpOp);//删除option方法2tmp.remove(index);//删除option方法3tmp.innerHTML="";//获取当前选中的option的index;var selectNum = tmp.selectedIndex ;

        当用户修改了select中的选中值时,此时可以使用onchange()这个函数来执行相应的行为。在解决几个select的级联问题时会需要这个知识。同时,如果你想让你的option在初始化的时候默认选中哪个,就在那个option标签中添加一个selected="selected".

        从Jquery中来说,有更加方便的解决方法:

//清除掉整个select中的option jQuery("#select").empty();//向select中添加option  jQuery("#series").append("<option value='0'>POLO</option>");


0 0