知识大全 JS操作select下拉框动态变动

Posted

篇首语:努力到无能为力,拼搏到感动自己本文由小常识网(cha138.com)小编为大家整理,主要介绍了知识大全 JS操作select下拉框动态变动相关的知识,希望对你有一定的参考价值。

JS操作select下拉框动态变动  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!

   动态创建select

     function createSelect()

         var mySelect = document createElement_x("select");

         mySelect id = "mySelect";  

         document body appendChild(mySelect);

     

   添加选项option

    function addOption()

         //根据id查找对象

          var obj=document getElementByIdx_x( mySelect );

          //添加一个选项

          obj add(new    Option("文本" "值"));   

    

   删除所有选项option

    function removeAll()

          var obj=document getElementByIdx_x( mySelect );

   

          obj options length= ;  

    

   删除一个选项option

  function removeOne()

          var obj=document getElementByIdx_x( mySelect );

          //index 要删除选项的序号 这里取当前选中选项的序号

          var index=obj selectedIndex;

          obj options remove(index);  

    

   获得选项option的值

  var obj=document getElementByIdx_x( mySelect );

  var index=obj selectedIndex; //序号 取当前选中选项的序号

  var val = obj options[index] value;

   获得选项option的文本

  var obj=document getElementByIdx_x( mySelect );

  var index=obj selectedIndex; //序号 取当前选中选项的序号

  var val = obj options[index] text;

   修改选项option

  var obj=document getElementByIdx_x( mySelect );

  var index=obj selectedIndex; //序号 取当前选中选项的序号

  var val = obj options[index]=new Option("新文本" "新值");

   删除select

     function removeSelect()

           var mySelect = document getElementByIdx_x("mySelect");

          mySelect parentNode removeChild(mySelect);

cha138/Article/program/Java/JSP/201311/20153

相关参考

知识大全 JS文本框追加多个下拉框的值的简单实例

JS文本框追加多个下拉框的值的简单实例  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了

知识大全 js下拉框二级关联菜单效果代码具体实现

这篇文章介绍了js下拉框二级关联菜单效果代码具体实现有需要的朋友可以参考一下 复制代码代码如下: <!DOCTYPEPUBLIC"//WC//DTDXHTMLTransiti

知识大全 js操纵跨frame的三级联动select下拉选项

  运用HTMLCSS以及Javascript相关知识编写多窗口多菜单的内容联动考察学生关于frame浏览器对象以及表单控件的概念javascript事件触发机制和程序设计以及用CSS来组织文字展示的

知识大全 JS下拉框内容左右移动效果的具体实现

JS下拉框内容左右移动效果的具体实现  以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!这篇文章介绍了J

知识大全 动态提示的下拉框

  <METAcontent=fason阿信name=Author><title>动态提示的下拉框</title><style>acolor:red;t

知识大全 js下拉框二级关联菜单效果代码

<xmlns="<head> <metaequiv="ContentType"content="text/;charset=gb"/> <tit

知识大全 javascript获取下拉列表框当中的文本值示例代码

需要将用户点击下拉列表当中某个选项后将其所选的内容保存起来下面与大家分享下如何使用js获取下拉列表框文本值由此需求的朋友可以参考下   近日碰到一个问题就是需要将用户点击下拉列表当中某个选项

知识大全 下拉框层级绑定

   今天用到一个下拉框绑定要有层级关系显示的也很简单就当第一篇博客!      ///<summary

知识大全 可以输入的下拉框

  可以输入的下拉框?很多人相信吧真的可以?真的可以呵呵一起来看看吧  <HTML> <HEAD> <TITLE>NewDocument<

知识大全 在powerbuilder中使下拉列表框可以和数据关联

  在从事使用powerbuilder进行数据库开发的过程中常常碰到要使用列表框来选择数据但是普通的下拉列表框并没有提供和数据相连接的方法而使用数据窗口的子下拉列表框来代替又显得有些别扭下面介绍一种好