`
suiu
  • 浏览: 33305 次
  • 性别: 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);
}

 

分享到:
评论

相关推荐

    JQUERY 设置SELECT选中项代码

    本文将深入探讨如何使用jQuery来设置SELECT选中项,以及涉及到的其他相关知识点。 首先,当我们需要根据value值设定SELECT中的某个option为选中状态时,可以使用`attr()`函数。这个函数允许我们获取或设置HTML元素...

    jquery select 选中值设置左右select选择互换

    // 将select1的当前选中项设置为select2的选中项 $('#select2').val(selectedValue); // 同时清除select1的选中状态,防止重复选中 $(this).val(''); }); // 监听select2的改变事件 $('#select2').on('...

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

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

    select 选择同一值触发onchange事件

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

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

    - **得到`select`的当前选中项的`value`** ```javascript function getCurrentSelectedValue(objSelect) { return objSelect.value; } ``` - **得到`select`的当前选中项的`text`** ```javascript function ...

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

    Struts2提供了一个非常强大的标签——`&lt;s:select&gt;`,它可以用来生成一个`&lt;select&gt;`下拉列表,并支持动态设置默认选中项。 #### 代码示例 假设我们需要根据用户提交的`auditingLog`对象中的`auditingState`属性值来...

    多个select 的互斥选择实现

    在IT行业中,尤其是在前端开发领域,我们经常遇到需要实现互斥选择的情况,即一组多选框(`&lt;select&gt;`元素)之间只能有一个被选中。这样的功能在很多场景下都有应用,比如用户需要从多个选项中单选一个,或者在配置...

    el-select获取选中的label值.pdf

    从提供的信息来看,这里介绍的是如何在不通过循环遍历选项的情况下,直接获取`el-select`组件选中项的`label`值。 首先,`el-select`组件允许我们绑定一个数组作为其选项,每个选项通常包含`value`和`label`两个...

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

    比如,可以在页面加载时根据用户之前的选择来设置默认项,也可以在用户进行某些操作(比如提交表单后返回)时,根据结果来更新默认选中项。 总结来说,通过JavaScript来动态设置select下拉菜单的默认选中项,不仅...

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

    当数据加载完成后,你可以调用上面的JavaScript或jQuery方法来更新`&lt;select&gt;`的默认选中项。 6. Java Web开发和框架 在Java Web开发中,例如Spring MVC框架,你可以通过模型绑定将后端数据传递给前端,前端...

    jQuery获取Select选择的Text和_Value

    可以使用 `$("#select_id option[text='jQuery']").attr("selected", true)` 方法设置 Select 的 Text 值为 jQuery 的项选中。 三、 jQuery 添加/删除 Select 的 Option 项 jQuery 也提供了方法来添加或删除 ...

    使select可以输入

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

    jquery操作Radio、Checkbox、Select Demo

    // 获取ID为'select1'的Select选中项的值 ``` 3. **获取Select选中项的文本**: ```javascript var selectedText = $('#select1 option:selected').text(); // 获取选中项的文本 ``` 4. **监听Select变化事件...

    js 加载select 项

    在网页开发中,`select`元素常常用于创建下拉列表,提供用户选择的选项。然而,原生的`select`元素样式通常较为简单,无法满足现代网页设计的需求。`JSelect`是一个JavaScript库,它提供了自定义样式和增强功能,...

    select项内容过长解决办法

    在网页设计中,`&lt;select&gt;`元素用于创建一个下拉列表,用户可以从预定义的选项中选择一个。然而,当`&lt;select&gt;`列表中的选项内容过长时,可能会出现一些问题,比如显示不全或者遮挡其他内容。针对这个问题,我们可以...

    EL,jstl,js 对select元素

    在Web开发中,选择框(`&lt;select&gt;`元素)经常用于创建下拉菜单,让用户从预定义的选项中做出选择。EL(Expression Language)、JSTL(JavaServer Pages Standard Tag Library)和JavaScript都是处理此类任务的重要...

    自定义select选择框(很漂亮很强大,推荐)

    4. **API与方法**:组件通常会提供一些公共方法,如打开/关闭下拉列表、获取选中项等,通过这些方法你可以动态地控制组件的状态和数据。 5. **无障碍性(Accessibility)**:一个优秀的自定义 Select 组件不仅要...

    ExtJs 实现select列表选中项时添加删除

    在本文中,我们将深入探讨如何在ExtJS中实现一个功能,即当用户在select列表中选择项时添加或删除选项。 标题中的"ExtJs 实现select列表选中项时添加删除"指的是在ExtJS应用中创建一个下拉选择列表(Select List)...

    layui第三方插件xm-select

    同时,它还提供了一些操作方法,如`setSelected`用于设置选中项,`reset`用于重置选择状态,`getSelected`用于获取当前选中的选项等。 4. **事件监听**:可以监听`xm-select`的各种事件,如`change`事件,当用户...

Global site tag (gtag.js) - Google Analytics