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 中使用。 Array 属性 方法 Boolean 属性 方法 Date 属性 方法 Function 属性 方法 Math 属性 方法 Number 属性 方法 Object 属性 方法 String ...
问题1:如何选择select的option里面的值? 首先会用到一个方法 onchange();这个方法主要用于触发,选择框内容改变时间 实现代码: <!doctype html> <html> <head lang="en"> <meta charset=...
前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就...
示例描述:介绍JavaScript管理cookie和userData。 11.1.html JavaScript写数据到cookie。 11.2.html JavaScript获取cookie信息。 11.3.html JavaScript修改cookie的保存有效期。 11.4.html 保存数据...
这些对象同时在客户端和服务器端的 JavaScript 中使用。 Array 属性 方法 Boolean 属性 方法 Date 属性 方法 Function 属性 方法 Math 属性 方法 Number 属性 方法 Object 属性 方法 String 属性 方法 RegExp 属性 ...
使用方法 与select2用法一致,只是在使用时$('select').select2()变成了$('select').select2tree()。 option标签中指定parent属性即可实现树形展示,支持数据源乱序,展示下拉选项时将自动排序。 select2tree (EN) ...
熟练掌握window对象的status、location、name、self、opener属性的使用 Window对象是客户端javascript最高层对象之一,只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,...
最近用bootstrap做前端框架,遇到select2单选框在bootstrap modal中不能正常使用,输入框不能获取焦点智能过滤;如下图: 解决方法一:在bootstrap.js的模态框js内加上 $.fn.modal.Constructor.prototype....
jquery操作select(取值,设置选中) 每一次操作select的... 这里有一个中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。 3、获取当前选中项的value $(“.se
在SWFUpload的使用过程中,无论在客户端还是服务器端都要和File Object打交道,在一个File Object中包含了以下内容: { id : string, // SWFUpload file id, used for starting or cancelling and upload ...
PC端项目中经常会出现大量的数据列表页面,涉及到下拉框选择筛选条件; 当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢? 如【图1】 当我们选择摸一个条件之后 如【图2】 此时点击...
是一个小巧的jQuery插件,用于使用multiple属性自定义选择。 select-multiple-rails gem将select-multiple与Rails资产管道集成在一起。 用法 安装select-multi-rails gem 在Gemfile中包含select-multiple-rails ...
这时候 需要配合使用v-bind,才能获取到选择的那条数据的id值,其实就是id赋值给value属性 <select v-model=select > (a,index) key=index value=a.id>{{ a.name }} </select> 您选择的名字的Id...
21.7 使用DOM获取页面中某控件的属性 21.8 将某行排在表格的最后 21.9 动态删除页面中的元素 21.10 克隆表格 21.11 拖动表格行改变顺序 21.12 表格操作常用方法 第22章 流行应用:AJAX和Property的应用技巧 22.1 ...
要注册获取日期值的函数,请将set-fn="setMyDateFn(dateGetFn)"作为属性添加到date-select元素。 不要更改set-fn和dateGetFn 。 然后加: $scope.setMyDateFn = function(dirDateFn){ $scope.myDateFn = dirDateFn;...
21.7 使用DOM获取页面中某控件的属性 21.8 将某行排在表格的最后 21.9 动态删除页面中的元素 21.10 克隆表格 21.11 拖动表格行改变顺序 21.12 表格操作常用方法 第22章 流行应用:AJAX和Property的应用技巧 22.1 ...
对自定义列表项绑定原 Select 组件的各项方法和回调函数支持 同步使用 antd 组件下拉列表样式 同 antd select api 设置 mode={Select.SECRET_COMBOBOX_MODE_DO_NOT_USE} 属性可成为支持大数据渲染的 AutoComplete ...
今天在项目中使用<select></select>下拉菜单时,使用juery操作,使页面加载完菜单默认选中的值为2,我一开始的操作如下: <!--html部分--> <select> <option value=1>1 <option value=2>2 ...
在layui框架中使用form.on方法绑定select下拉框选中事件,form.on()方法不执行, 解决方法有以下几点: 1. html中form标签中要有class=”layui-form”,否则不生效 2. form.on方法必须放在layui.use({})里 ...
使用方法:方法名()-->方法调用-->立即执行 2.js文件:网页外专门保存js脚本的文件--推荐 强调:HTML、CSS、JS都要使用UTF-8编码保存(window系统) 使用js文件引入网页:[removed][removed] 强调:一旦定义...