`
TonyBug
  • 浏览: 15799 次
  • 性别: Icon_minigender_1
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

JS对select动态添加options操作方法

阅读更多
<select id="ddlResourceType" onchange="getvalue(this)">
</select>

    动态删除select中的所有options:
       document.getElementByIdx("ddlResourceType").options.length=0;
     动态删除select中的某一项option:
       document.getElementByIdx("ddlResourceType").options.remove(indx); 
     动态添加select中的项option:
       document.getElementByIdx("ddlResourceType").options.add(new Option(text,value));
     上面在IE和FireFox都能测试成功,希望以后你可以用上。
其实用标准的DOM操作也可以,就是document.createElement,appendChild,removeChild之类的。
取值方面
    function getvalue(obj)
     ...{
         var m=obj.options[obj.selectedIndex].value
         alert(m);//获取value
         var n=obj.options[obj.selectedIndex].text
         alert(n);//获取文本
     }
分享到:
评论

相关推荐

    javascript Select标记中options操作方法集合

    javascript操作Select标记中options集合 先来看看options集合的这几个方法: options.add(option)方法向集合里添加一项option对象; options.remove(index)方法移除options集合中的指定项; options(index)或options...

    Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]

    js 代码 // 1.判断select选项中 是否存在Value=”paraValue”的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i &lt; objSelect.options.length; i++) { if ...

    JavaScript关于select的相关操作说明

    一、 插入option 1、DOM方法 var oSelectYear = document.getElementById(“SelectYear”); var op = document.createElement(“option”); op[removed] = “2010”; op.value = “2010”; oSelectYear.appendChild...

    JavaScript笔记

    4.变量:js中的变量不需要提前指定类型,由赋值时动态决定 所有的变量都用var声明 5.数据类型: |--String(字符串类型) |--Number(数字类型) |--Boolean(布尔类型)0、-0、null、""、false/undefined或NaN,则该...

    javascript函数的解释

    34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有时用下拉列表框名称加上.selectedIndex来确定被选中的值) 35.字符串的定义:var myString = new String("This is lightsword"); 36.字符串转成...

    107个常用javascript语句

    动态绑定方法$('JournalList1').attachEvent("onchange", onchangList); 0.数组赋值给下拉菜单state_select.options.length = state_select_num ; for( i=1 ; i&lt;state_select_num ; i++ ) { state_select....

    js使用小技巧

    Javascript小技巧一箩筐 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode ...

    JavaScript列表框listbox全选和反选的实现方法

    通过JS代码对列表框进行全选和反选是经常要操作的,非常具有实用价值。 function listboxSelectDeselect(listID, isSelect) { var listbox = document.getElementById(listID); for(var count=0; count &lt; ...

    图库新版jQuery焦点图 JS代码

    document.writeln ('&lt;dd&gt;08月05日 网页背景和小图片添加打包下载&lt;/dd&gt;'); document.writeln ('&lt;dd&gt;07月12日 修复搜索、导航和返回顶部BUG&lt;/dd&gt;'); document.writeln ('&lt;dd&gt;06月26日 改进网页背景频道预览功能&lt;/dd&gt;')...

    jquery-1.1.3 效率提高800%

    // the options for this ajax request }cache(true) 数据类型: Boolean jQuery 1.2中新添加的参数, 如果设为false,则会强制浏览器不缓存请求的页面。 complete 数据类型: Function 当请求完成时...

    精通AngularJS part1

    利用ngOptions指令提供动态options146 select指令与空的options148 理解select和对象判等149 选择多个options150 运用传统的HTMLhiddeninput字段150 嵌入来自服务器的值150 提交传统的HTML表单151 54详解...

    天涯易栈VC++网页操作类

    //取组合框(Select)中某个选项(options)的文本(value)参数一为第几个组合框第二参数为组合框第几项 CString GetSelectName(int i);//取的某个组合框(Select)的名称(name) CString GetSelectId(int i);//取的某个组合...

    vue Treeselect 树形下拉框:获取选中节点的ids和lables操作

    1.lable: 需要用到方法:@select(node,instanceId) 和 @deselect(node,instanceId) &lt;treeselect ref=DRHA_EFaultModeTree v-model=DRHA_EFaultModeTree_value :multiple=true :options=DRHA_EFaultModeTree...

    github-gmail:[WebExtension]在Gmail中使用快捷方式打开GitHub通知

    H列表视图快捷方式ctrl +返回以使用gmail键导航选择电子邮件时触发操作按钮(当蓝色条出现时):安装捷径Chrome: Select extension -&gt; Details -&gt; Extension options发展历程手动加载扩展并在以下位置相应地修改...

    正则表达式

    也可以用JavaScript 1.2中的新添加的一个特殊语法来创建RegExp对象.就像字符串直接量被定义为包含在引号内的字符一样, 正则表达式直接量也被定义为包含在一对斜杠(/)之间的字符.所以,JavaScript可能会包含如下的...

    计算机应用技术(实用手册)

    如果没有安装IDE设备,我们可以选择NONE参数,这样可以加快系统的启动速度,在一些特殊操作中,我们也可以通过这样来屏蔽系统对某些硬盘的自动检查。 图中2部分是DRIVE A和DRIVE B软驱设置,如果没有A或B驱动器,...

Global site tag (gtag.js) - Google Analytics