`
jeasony
  • 浏览: 196563 次
  • 性别: Icon_minigender_1
  • 来自: 厦门
社区版块
存档分类
最新评论

js用法(如何获取select中的值和属性)

    博客分类:
  • js
阅读更多

js用法(如何获取select中的值和属性)

<script type="text/javascript">
   function change(obj){
    var strsel = obj.options[obj.selectedIndex].text;
    document.getElementById("xiangmutext").value=strsel;
   
   }
</script>
投票项目 :
<html:select property="xiangmu" onchange="change(this)">
或:<html:select property="xiangmu" onchange="change('xiangmu')">
      <html:option value="1" >姚明</html:option>
    <html:option value="2">买努</html:option>
    <html:option value="3">科比</html:option>
    </html:select>
    <html:text property="xiangmutext" value="姚明"/>
text中就显示了select所选的内容

 

javascript获取select的值全解

获取显示的汉字

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

获取数据库中的id

window.document.getElementById("bigclass").value

获取select组分配的索引id

window.document.getElementById("bigclass").selectedIndex


例子:

<select name="bigclass" id="bigclass" onChange="javascript:updatePage2();">
<option value="" selected="selected">ajax实验</option>
<option value="4">我适宜市哈</option>
</select>


使用
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
的结果是:我适宜市哈

使用
window.document.getElementById("bigclass").value
的结果是:4

使用
window.document.getElementById("bigclass").selectedIndex
的结果是:1

 

分享到:
评论

相关推荐

    JavaScript中文参考手册

    这些对象同时在客户端和服务器端的 JavaScript 中使用。 Array 属性 方法 Boolean 属性 方法 Date 属性 方法 Function 属性 方法 Math 属性 方法 Number 属性 方法 Object 属性 方法 String ...

    javascript中select下拉框的用法总结

    问题1:如何选择select的option里面的值? 首先会用到一个方法 onchange();这个方法主要用于触发,选择框内容改变时间 实现代码: &lt;!doctype html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset=...

    JS组件系列之使用HTML标签的data属性初始化JS组件

    前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就...

    JavaScript完全自学宝典 源代码

    示例描述:介绍JavaScript管理cookie和userData。 11.1.html JavaScript写数据到cookie。 11.2.html JavaScript获取cookie信息。 11.3.html JavaScript修改cookie的保存有效期。 11.4.html 保存数据...

    JavaScript语言参考手册

    这些对象同时在客户端和服务器端的 JavaScript 中使用。 Array 属性 方法 Boolean 属性 方法 Date 属性 方法 Function 属性 方法 Math 属性 方法 Number 属性 方法 Object 属性 方法 String 属性 方法 RegExp 属性 ...

    select2tree:extend select2 for treeview. 扩展select2,使它可以树形展示,可以缩放

    使用方法 与select2用法一致,只是在使用时$('select').select2()变成了$('select').select2tree()。 option标签中指定parent属性即可实现树形展示,支持数据源乱序,展示下拉选项时将自动排序。 select2tree (EN) ...

    javascript常用对象梳理

    熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...

    解决select2在bootstrap modal中不能正常使用的问题

    最近用bootstrap做前端框架,遇到select2单选框在bootstrap modal中不能正常使用,输入框不能获取焦点智能过滤;如下图: 解决方法一:在bootstrap.js的模态框js内加上 $.fn.modal.Constructor.prototype....

    Js操作Select大全(取值、设置选中等等)

    jquery操作select(取值,设置选中) 每一次操作select的... 这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。 3、获取当前选中项的value $(“.se

    大名鼎鼎SWFUpload- Flash+JS 上传

     在SWFUpload的使用过程中,无论在客户端还是服务器端都要和File Object打交道,在一个File Object中包含了以下内容:  {  id : string, // SWFUpload file id, used for starting or cancelling and upload  ...

    BootStrap Select清除选中的状态恢复默认状态

    PC端项目中经常会出现大量的数据列表页面,涉及到下拉框选择筛选条件; 当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢? 如【图1】 当我们选择摸一个条件之后 如【图2】 此时点击...

    select-multiple-rails:一个小巧的jQuery插件,用于自定义带有multiple属性的selects

    是一个小巧的jQuery插件,用于使用multiple属性自定义选择。 select-multiple-rails gem将select-multiple与Rails资产管道集成在一起。 用法 安装select-multi-rails gem 在Gemfile中包含select-multiple-rails ...

    vue操作下拉选择器获取选择的数据的id方法

    这时候 需要配合使用v-bind,才能获取到选择的那条数据的id值,其实就是id赋值给value属性 &lt;select v-model=select &gt; (a,index) key=index value=a.id&gt;{{ a.name }} &lt;/select&gt; 您选择的名字的Id...

    程序天下:JavaScript实例自学手册

    21.7 使用DOM获取页面中某控件的属性 21.8 将某行排在表格的最后 21.9 动态删除页面中的元素 21.10 克隆表格 21.11 拖动表格行改变顺序 21.12 表格操作常用方法 第22章 流行应用:AJAX和Property的应用技巧 22.1 ...

    angular-dateselect:Angular.JS 中的一个简单日期选择器

    要注册获取日期值的函数,请将set-fn="setMyDateFn(dateGetFn)"作为属性添加到date-select元素。 不要更改set-fn和dateGetFn 。 然后加: $scope.setMyDateFn = function(dirDateFn){ $scope.myDateFn = dirDateFn;...

    《程序天下:JavaScript实例自学手册》光盘源码

    21.7 使用DOM获取页面中某控件的属性 21.8 将某行排在表格的最后 21.9 动态删除页面中的元素 21.10 克隆表格 21.11 拖动表格行改变顺序 21.12 表格操作常用方法 第22章 流行应用:AJAX和Property的应用技巧 22.1 ...

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

    对自定义列表项绑定原 Select 组件的各项方法和回调函数支持 同步使用 antd 组件下拉列表样式 同 antd select api 设置 mode={Select.SECRET_COMBOBOX_MODE_DO_NOT_USE} 属性可成为支持大数据渲染的 AutoComplete ...

    jQuery获取attr()与prop()属性值的方法及区别介绍

    今天在项目中使用&lt;select&gt;&lt;/select&gt;下拉菜单时,使用juery操作,使页面加载完菜单默认选中的值为2,我一开始的操作如下: &lt;!--html部分--&gt; &lt;select&gt; &lt;option value=1&gt;1 &lt;option value=2&gt;2 ...

    layui框架form.on(‘select(XXX)’,function(){});方法不执行解决方法

    在layui框架中使用form.on方法绑定select下拉框选中事件,form.on()方法不执行, 解决方法有以下几点: 1. html中form标签中要有class=”layui-form”,否则不生效  2. form.on方法必须放在layui.use({})里 ...

    JavaScript笔记

    使用方法:方法名()--&gt;方法调用--&gt;立即执行 2.js文件:网页外专门保存js脚本的文件--推荐 强调:HTML、CSS、JS都要使用UTF-8编码保存(window系统) 使用js文件引入网页:[removed][removed] 强调:一旦定义...

Global site tag (gtag.js) - Google Analytics