`

js中select 中options的属性

    博客分类:
  • js
 
阅读更多

Select   选择区(下拉菜单、列表)对象   由“<select>”指定。  
   
  属性  
   
  name   返回/设定用<input   name="...">指定的元素名称。  
  length   返回   Select   对象下选项的数目。  
  selectedIndex   返回被选中的选项的下标。这个下标就是在   options[]   数组中该选项的位置。如果   Select   对象允许多项选择,则返回第一个被选中的选项的下标。  
  form   返回包含本元素的表单对象。  
   
  方法  
   
  blur()   从对象中移走焦点。  
  focus()   让对象获得焦点。  
   
  事件  
   
  onchange  
   
  options[];   Option   选择项对象   options[]   是一个数组,包含了在同一个   Select   对象下的   Option   对象。Option   对象由“<select>”下的“<options>”指定。  
   
  options[]   数组的属性  
   
  length;   selectedIndex   与所属   Select   对象的同名属性相同。  
   
  单个   Option   对象的属性  
   
  text   返回/指定   Option   对象所显示的文本  
  value   返回/指定   Option   对象的值,与<options   value="...">一致。  
  index   返回该   Option   对象的下标。对此并没有什么好说,因为要指定特定的一个   Option   对象,都要先知道该对象的下标。这个属性好像没有什么用。  
  selected   返回/指定该对象是否被选中。通过指定   true   或者   false,可以动态的改变选中项。  
  defaultSelected   返回该对象默认是否被选中。true   /   false。  

分享到:
评论

相关推荐

    javascript 获取select ->option中id、value、label属性及中内容

    javascript 获取select -&gt;option中id、value、label属性及&lt;option&gt;&lt;/option&gt;中内容

    js select option对象小结

    一基础理解: var e = document.getElementById(“selectId”); e. options= new Option(“文本”,”值”) ;...selectedIndex属性——–当前被选中的框中的文本的索引值,此索引值是内存自动分配的(0,

    javascript对select标签的控制(option选项/select)

    html中的select标签,也是asp.net中的asp:DropDownList控件。 javascript对它们的...标签中创建一个或多个”值”&gt;文本&lt;/option&gt; //options是个数组,里面可以存放多个”值”&gt;文本这样的标签 1:options[ ]数组的属性: l

    Angularjs实现带查找筛选功能的select下拉框示例代码

    标签上新加一个属性 select-search 就能支持查找的功能。如果这个属性没起作用,也不影响原来的select的功能。 问题  1.在selectSearch指令里,怎么获取到ng-options里的数据源,以及指定的val

    关于js获取radio和select的属性并控制的代码

      ...其中遇到的问题有,兼容ie和firefox的事件,然后是设置select中的中options的selected属性。  兼容ie和firefox用了var ie=document.all;var nn6=document.getElementById&&!document.all;  

    antd-virtual-select:长列表优化antd select组件

    设置 mode={Select.SECRET_COMBOBOX_MODE_DO_NOT_USE} 属性可成为支持大数据渲染的 AutoComplete 组件 更多 antd 长列表渲染性能问题讨论可查看 antd 4.0 Select 组件已支持虚拟列表(ie11+),此组件基于 antd 3.x...

    angularjs 实现带查找筛选功能的select下拉框实例

    一.背景 ...标签上新加一个属性 select-search 就能支持查找的功能。如果这个属性没起作用,也不影响原来的select的功能。  问题 1.在selectSearch指令里,怎么获取到ng-options里的数据源,以

    js 获取当前select元素值的代码

    3、可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素。 4、option 元素 ”selected” value=”value3″&gt;text3,可以通过 option.value 获得 option 元素的 value 属性值,即 value3;可以...

    javascript options属性集合操作代码

    代码如下: &lt;form name=”testform”&gt; &lt;select name=”testselect”&gt; ”first”&gt;first option&lt;/option&gt; ”second”&gt;second option... 用下面的代码可以访问到下拉框中选项: 代码如下: // 得到选项对象

    js获取当前select 元素值的代码

    可以通过 select.options[select.selectedIndex] 获取到选中的 option 元素。 option 元素 ”selected” value=”value3″&gt;text3,可以通过 option.value 获得 option 元素的 value 属性值,即 value3;可以通过 ...

    Javascript获取标签ID改变style属性的代码

    实例JavaScript代码 下面的这段代码中,我们通过select元素的name属性来设置具体要访问style的哪个属性(本例中为背景色),这样,这个函数就可以用来设置不同的CSS属性了。 代码如下: [removed] var d = document....

    HTML select option基础理解及使用

    javascript之HTML(select option)详解 一、基础理解: 复制代码代码如下: var e = document.getElementById(“selectId”); e. options= new Option...1:options[ ]数组的属性: length属性———长度属性 selectedIn

    javascript函数的解释

    31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length ...

    107个常用javascript语句

    31.复选按钮在JS中判断是否选中:document.forms[0].checkThis.checked (checked属性代表为是否选中返回TRUE或FALSE) 32.单选按钮组(单选按钮的名称必须相同):取单选按钮组的长度document.forms[0].groupName.length ...

    ember-power-select-blockless:ember-power-select的无块版本

    该组件在内部使用ember-power-select,但使用get helper在列表的每个项目中呈现特定的属性。 所有选项与ember-power-select中的选项相同,但增加了一个新labelPath 。 这告诉组件要使用的选项中的哪个属性(以呈现...

    AngularJS使用ng-options指令实现下拉框

    一般情况下,select下都会有option,但是AngularJS中有指令ng-options,就可以实现select下拉框 2、实现源码 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;AngularJS...

    用jQuery解决IE不支持的option disable属性

    在IE浏览器中,给select的options设置 disable属性 是没用的。 必须采用一定手段才可以解决这个问题。当然原理就是记住上次选中的 option。 this.selectedIndex 就派上用场了。 需要刷新下才可以看到效果,因为输出...

    JavaScript笔记

    注意:js中的方法可以直接写在代码中,不需要“类”包裹 使用方法:方法名()--&gt;方法调用--&gt;立即执行 2.js文件:网页外专门保存js脚本的文件--推荐 强调:HTML、CSS、JS都要使用UTF-8编码保存(window系统) ...

    jQ表单万能验证插件 vf-validate.js

    支持:text,number,email,hidden,password,textarea,select,date,checkbox,radio 等 2.vf-type (必填)验证类型[可多个,用 "|" 进行分割],支持:empty(为空验证),reg(正则匹配),func(函数调用)...

    JS分页效果JS分页效果

    function showPages(name) { //初始化属性 this.name = name; //对象名称 this.page = 1; //当前页数 this.pageCount = 1; //总页数 this.argName = 'page'; //参数名 this.showTimes = 1; //打印次数 } ...

Global site tag (gtag.js) - Google Analytics