获取select标签选中值
1.1实例讲解
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Examples</title>
</head>
<body>
<select name="testSelect" id="testSelect">
<option value="1">1</option>
<option value="2">2</option>
<!-- selected="selected",规定选项(在首次显示在列表中时)表现为选中状态。 -->
<option value="3" selected="selected">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<!--[if !IE]><!-->
<script src="http://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<!--<![endif]-->
<!--[if lte IE 9]>
<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.min.js"></script>
<![endif]-->
<script>
//Js获取select标签选中值
var obj = document.getElementById("testSelect");
var index = obj.selectedIndex; //选中索引
var text = obj.options[index].text; //选中文本
var val = obj.options[index].value; //选中值
//jQuery中获得选中select值
var text=$('#testSelect option:selected').text(); //选中的文本
var val=$('#testSelect option:selected') .val(); //选中的值
var index=$("#testSelect").get(0).selectedIndex; //索引
</script>
</body>
</html>
分享到:
相关推荐
代码如下: var obj = document.getElementByIdx_x(”testSelect... // 选中值jQuery中获得选中select值第一种方式$(‘#testSelect option:selected’).text();//选中的文本$(‘#testSelect option:selected’) .val();/
主要介绍javascript获取select标签选中的值方法,比较实用,需要的朋友可以参考下。
jQuery获取Select标签的手册 单选组radio: $("input[type=radio][checked]").val(); 下拉框select的value值: $('select').val(); 下拉框select选中的text 值:$("select").find("option:selected").text();
获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0).selectedindex; 设置...
js如何将select标签里的BBB改成XXX,同时BBB里的valued的值改成F?本文将告诉你正确的答案
select id=”jobSelect” style=”width: 200px;” name=”jobSelect”> ’jobSelect xss=removed> ”selected” value=”-1″>–依职类筛选– ”-1″>–依职类筛选– <s:iterator value=”jobCat”
Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。
1.要想使用jquery首先html或者jsp中得引入jquery文件。 2.话不多说,上代码。 <%@ page language="java" contentType=... charset=UTF-8" pageEncoding="UTF-8"%> ...script type="text/javascript" src="../../
拓展知识:select标签如何传递选中option的value值与text值方法 如下所示: <select name=type onchange=show_sub(this.options[this.options.selectedIndex].value)> 请选择主菜名 <o
php // 获取select值 $select_value = isset($_GET[‘select’]) ? $_GET[‘select’] : ”; ?> <form action=”?”> <select name=”select”> ””>default</option> <option value=”option1″...
获取选中option值 $(‘#selectList’).val(); //2.获取选中option的文本 $(‘#selectList :selected’).text(); //3.获取多个选中option值、文本 var foo = []; $(‘#multiple :selected’).each(function(i, ...
FlowLayout预先设置选中、设置最大选中数、设置标签点击和选中监听、获取选中的标签、通过selecter完成标签选择的切换等。项目博客地址:个人博客地址:本地历史记录的GIF效果图: 产品标签(单选、多选)GIF效果图...
· 一个强大的Vue2选择插件,分页列表或表格视图,使用标签形式进行多项选择,i18n和服务器端资源支持范例与文件有关实时示例,更多示例和文档,请访问以下网站jQuery版本: 产品特点分页显示内容i18n支持,提供的...
一款基于ui-choose.js与jQuery插件实现的表单单选框,复选框美化代码,支持原生select标签和ul标签美化,并且能很方便的获取选中的值。
//在后端通过post中的xueyuanID来获得这里传过去的学院id,然后读取此学院下的专业内容,然后直接循环输出option标签列表即可,select标签都不用写 if(data){ $('#select2').html(data);//如果成功获得响应信息则...
包含一些关于jquery的常用方法,比如 根据value选中单选框和复选框 ;根据value选select标签;获取选中的 select的value 等等
先给大家讲下大概实现思路,具体内容介绍请看下面。 判断select选项中 是否存在Value=”paraValue”的Item 向select选项中 加入一个Item 从select选项中 删除一个Item ...得到select的当前选中项的
一款基于ui-choose.js与jQuery插件实现的表单单选框,复选框美化代码,支持原生select标签和ul标签美化,并且能很方便的获取选中的值。