`
suiu
  • 浏览: 32316 次
  • 性别: Icon_minigender_1
  • 来自: 山东
社区版块
存档分类
最新评论

Select选中项

 
阅读更多
方法一:

html源码:

<select name="select" onchange="changeSelectB()">
	<option value="aaa">1</option>
	<option value="bbb">2</option>
	<option value="ccc">3</option>
	<option value="ddd">4</option>
</select>


js源码:      

function changeSelectB() { 
	//取得选中项的值或者编号,不传this时候写法
	var select = document.getElementById("select");
	var vA = select.options[select.selectedIndex].value;
	var vB = select.options[select.selectedIndex].text;           
	alert(vA);
	alert(vB);
}

 

方法二:

html源码:

<select name="select" onchange="changSelect(this)">
	<option value="aaa">1</option>
	<option value="bbb">2</option>
	<option value="ccc">3</option>
	<option value="ddd">4</option>
</select>

js源码:



function changSelect(choose) {
	//取得选中项的值或者编号,传this时候写法
	var aa = choose.options[choose.selectedIndex].text;
	var bb = choose.options[choose.selectedIndex].value;
	alert(aa);
	alert(bb);
}

 

分享到:
评论

相关推荐

    js控制select选中显示不同表单内容select下拉菜单特效

    js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效 js控制select选中显示不同表单内容select下拉菜单特效

    select 选择同一值触发onchange事件

    web前端小问题,select 选择事件,当选择select同一值触发onchange事件

    JQUERY 设置SELECT选中项代码

    本篇文章主要是对JQUERY 设置SELECT选中项的代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助

    option的value比较来确定select默认选中项

    option的value比较来确定select默认选中项

    使select可以输入

    对原来的select的操作完全没有改变,取值依然是取select的值,设置选中,添加项删除项等等都没有改变。用脚本动态设置select的值时请在后面加上一个change()这样显示的值才会改变。不知道怎么监控脚本对select的值的...

    select 控件操作大全

    Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等) ... 8得到select的当前选中项的value 9得到select的当前选中项的text 10得到select的当前选中项的Index 11清空select的项

    js操作select相关方法

    涵盖了js对select的常用操作 1.判断select选项中 是否存在Value="paraValue"的Item ...7.得到select的当前选中项的value 8.得到select的当前选中项的text 9.得到select的当前选中项的Index 10.清空select的项

    EL,jstl,js 对select元素

    EL,jstl,js 对select元素EL,jstl,js 对select元素EL,jstl,js 对select元素

    Layui 设置select下拉框自动选中某项的方法

    用户需要更改某一项活动的信息,活动信息中包含需要用下拉框选择的字段A。在用户点击进行修改弹出对话框的瞬间需要填补已有的活动信息,自动选择字段A已经存在的值。 2、 Layui的select下拉框是怎么实现的 为了获得...

    jquery取消选择select下拉框示例代码

    有三个select下拉框一个大类,两个小类隐藏,需要在选择大类的时候,小类显示同时清除另外的小类选择的项这需求有点儿………. 下面是三个select: 代码如下:&lt;select name=”pWaqqqy” id=”sel_type” onchange=”...

    struts2实现页面select标签默认选中

    struts2实现页面select标签默认选中,很简单的,一看马上就会了

    多个select 的互斥选择实现

    NULL 博文链接:https://fangfy0537.iteye.com/blog/783669

    jquery获取select选中值的方法分析

    主要介绍了jquery获取select选中值的方法,结合实例详细分析了jQuery获取select选中项option文本值及value值的方法,同时给出了JavaScript获取select选中项的技巧,需要的朋友可以参考下

    asp 无限分级以Select输出并可根据类ID选中option项,取值、名更方便

    asp 无限分级以Select输出并可根据类ID选中option项,取值、名更方便 '这里用的是access数据库,Po_Class表结构:ID 自增长,ClassName:类名,ParentID:父类ID,ParentPath:父路径 '参数:parentID:是需要遍例的类...

    浅析jQuery操作select控件的取值和设值

    1.级联select的操作,后一个select的值随着前一个select选中值变化 $(.select_A).change(function(){ $(.select_B).empty();...2.获取select选中项value值 $(.select).val(); 3.获取select选中项的文本text $(.select

    mobileSelect.js

    可根据传入的参数长度,自动渲染出对应的列数,支持单项到多项选择 自动识别是否级联 选择成功后,提供自定义回调函数callback() 返回当前选择索引位置、以及选择的数据(数组/json) 每次手势滑动结束后,也提供...

    js动态设置select下拉菜单的默认选中项实例

    今天小编就为大家分享一篇js动态设置select下拉菜单的默认选中项实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    JQuery中对Select的option项的添加、删除、取值

    //为Select添加事件,当选择其中一项时触发 var checkText=$(“#select_id”).find(“option:selected”).text(); //获取Select选择的Text var checkValue=$(“#select_id”).val(); //获取Select选择的Value var ...

    laravel框架select2多选插件初始化默认选中项操作示例

    本文实例讲述了laravel框架select2多选插件初始化默认选中项操作。分享给大家供大家参考,具体如下: 项目中有发送消息功能,需要能通过搜索,多选用户,来指定发送人。使用 select2 插件来完成。 select2 的 html ...

Global site tag (gtag.js) - Google Analytics