-
2021-06-11 17:33:51
分别使用javascript原生的方法和jquery方法
text1
text2
code:
一:javascript原生的方法
1:拿到select对象: var myselect=document.getElementById("test");
2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是所选中项的index
3:拿到选中项options的value: myselect.options[index].value;
4:拿到选中项options的text: myselect.options[index].text;
二:jquery方法(前提是已经加载了jquery库)
1:var options=$("#test option:selected"); //获取选中的项
2:alert(options.val()); //拿到选中项的值
3:alert(options.text()); //拿到选中项的文本
原文:https://www.cnblogs.com/jack-yc/p/9068230.html
更多相关内容 -
javascript获取下拉列表的值
2019-03-01 16:43:19博文链接:https://jacky68147527.iteye.com/blog/230139 -
javascript 获取select下拉列表值的代码
2021-01-21 13:52:28比如,在使用DWR的时候,如果你想传递下拉框的参数到后台的话,此时就需要先获取到下拉框的值了。 其实想要获取到下拉框的值是很简单的。 最关键的一段代码就是: 代码如下: onchange=”show(this.options[this.... -
js获取下拉列表框option中的value和text的值示例代码
2021-01-19 18:23:51在编程过程中,我们对下拉列表框的取值很多时候都是获取option中的value,但是也有需要获取显示在页面中的值的时候,例如想获得”value”>ShowText中”ShowText”,我们该如何获取呢?方法很简单,具体代码如下: ... -
使用jquery的ajax方法获取下拉列表值
2021-08-06 02:42:47AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,...下面介绍两种动态加载DropDownList值的方法。第一种:View层$(document).ready(function() {showFuncId();}function showFuncId(){...AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新,用户体验非常好。
下面介绍两种动态加载DropDownList值的方法。
第一种:
View层
$(document).ready(function() {
showFuncId();
}
function showFuncId(){
$(‘#funcNum‘).empty();
var ciValue = $(‘#funcNum‘);
ciValue.append(‘Pls Select‘);
$.ajax({
url : u, //your actual url
type : ‘post‘,
dataType : ‘json‘,
success : function (opts) {
if (opts && opts.length > 0) {
var html = [];
for (var i = 0; i < opts.length; i++) {
html.push(‘‘+opts[i].desc+‘‘);
}
ciValue.append(html.join(‘‘));
}
}
});
}
Controller层
response.setContentType("application/json");
response.setCharacterEncoding("utf-8");
PrintWriter writer = response.getWriter();
net.sf.json.JSONArray array = JSONArray.fromObject(new ArrayList());//The list that contains actual data,use a new arrayList instead here
writer.append(array.toString());
return null;
第二种:
View层
$(function(){
$.ajax({
type: ‘POST‘,
url:url;//your actual url
dataType: ‘json‘,
cache: false,
async:false,
success:function(data) {
$(‘#funcNum‘).get(0).options.length = 0;
$(‘#funcNum‘).append(‘Pls Select‘);
$.each(data, function(i, obj) {
var option = $(‘‘);
option.val(obj.id);
option.text(obj.desc);
$(‘#funcNum‘).append(option);
});
},
error: function() {
alert("Error while getting vehicle type results");
}
});
});
Controller层
response.setContentType("application/json");
response.setCharacterEncoding("utf-8");
PrintWriter writer = response.getWriter();
net.sf.json.JSONArray array = JSONArray.fromObject(new ArrayList());//The list that contains actual data,use a new arrayList instead here
writer.append(array.toString());
return null;
-
jquery获取下拉列表的值为null的解决方法
2020-12-10 05:29:37在用jquery获取下拉列表ddl的值时返回的为字符串‘null’,而不是空值,结果导致获取的参数不对; 即使在后台判断了其非空,但还是导致了错误(比如拼凑SQL时将null拼进去了)。 下面我们来分析下: 第一种情况: ... -
js获取下拉列表框<option>中的value和text的值示例代码
2020-10-26 10:29:28本篇文章主要是对js获取下拉列表框中的value和text的值示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 -
jQuery获取下拉菜单列表的值
2021-04-22 15:41:37在表单提交的网页中,我们经常使用下拉菜单列表,这篇文章解释了如何获取下拉列表选择的值。 在jQuery中,我们通过使用.val()方法获得下拉列表的选定值。.val()方法主要用于获取表单元素的值,例如input,select和...在表单提交的网页中,我们经常使用下拉菜单列表,这篇文章解释了如何获取下拉列表选择的值。 在jQuery中,我们通过使用
.val()
方法获得下拉列表的选定值。.val()
方法主要用于获取表单元素的值,例如input
,select
和textarea
。描述:获取匹配元素集中第一个元素的当前值。
jQuery获取下拉菜单列表选定值
下面是实例分析。
引用jQuery库文件
在HTML代码前面需要引用jQuery库文件,你可以把jQuery库文件下载到本地服务器进行调用,也可以直接使用第三方提供的公共库文件,这里推荐使用百度的jQuery库文件。
- <head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
HTML
这里我们有一个
select
下拉列表控件和一个button
按钮标签,所以我们的HTML如下所示:- <select id="myDlist">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option value="4">four</option>
</select>
<button id="btn">Click me</button>
jQuery
这里使用
.val()
方法,我们得到下拉列表选定值。代码1:
- $('#myDlist option:selected').val();
代码2:
- $('#myDlist').val();
上面两种代码都可以获得下拉菜单列表的选定值,不过第2种方法更加简洁。
完整的HTML代码
- <html>
<head>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
</br>
<select id="myDlist">
<option value="1">one</option>
<option value="2">two</option>
<option value="3">three</option>
<option value="4">four</option>
</select>
<button id="btn">Click me</button>
<script type="text/javascript">
$("#btn").on('click',function(){
//console.log($('#myDlist option:selected').val());
console.log($('#myDlist').val());
});
</script>
</body>
</html>
http://www.webkaka.com/tutorial/js/2019/050544/
jquery获取select下拉框的前一个,后一个,第一个,最后一个option对象
$("select option:selected").next(); <select> <option value="1" selected="selected">a</option> <option value="2">b</option> <option value="3">c</option> </select> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/javascript"></script> <script> $(function() { $("select").change(function(event) { var obj = $(this).find("option:selected").next(); alert("选中项的下一个: 内容"+obj.html()+",值"+obj.val()); }); }) </script>
//select 当前当前选中的最后一个 option对象
var aucNum=$("#secOrderNum option:selected").text(); var aucNumLast=$("#secOrderNum option:last-child").text();
//select 当前当前选中的后一个 option对象
aucNum = $("#secOrderNum").find("option:selected").next().text();
//select 当前当前选中的第一个 option对象 var aucNum=$("#secOrderNum option:selected").text(); var aucNumFirst=$("#secOrderNum option:first-child").text(); //select 当前当前选中的前一个 option对象 aucNum = $("#secOrderNum").find("option:selected").prev().text();
https://www.cnblogs.com/mr-wuxiansheng/p/6735023.html
- <head>
-
php 获取select下拉列表框的值
2021-05-06 01:00:33php 获取select下拉列表框的值发布于 2014-11-04 16:55:38 | 267 次阅读 | 评论: 0 | 来源: 网友投递PHP开源脚本语言PHP(外文名: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。...php 获取select下拉列表框的值
发布于 2014-11-04 16:55:38 | 267 次阅读 | 评论: 0 | 来源: 网友投递
PHP开源脚本语言PHP(外文名: Hypertext Preprocessor,中文名:“超文本预处理器”)是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点,入门门槛较低,易于学习,使用广泛,主要适用于Web开发领域。PHP的文件后缀名为php。
本文为大家讲解的是php 如何获取select下拉列表框的值,感兴趣的同学参考下。
php 如何取得select下拉列表框的值,其实就是需要设置下name属性获取下即可。
给select 表单无素一个名字。
表单提交后 用 $_POST 或 $_GET 方式提交
$_POST['sel']或者$_GET['sel']获得选中的select的value值
if( $_POST )
{
echo $_POST['select'];
}
?>
select下拉列表框的值
PHPERZ
值一
PHPERZ
select下拉列表框的值
PHPERZ
值一
PHPERZ
值一
select下拉列表框的值WEB第一站
值一
PHPERZ
值一
中国select下拉列表框的值
值一
PHPERZ
select下拉列表框的值
PHPERZ
需要设置name的值。否则无法传递。
相关阅读:
php 获取select下拉列表框的值
php使用数组填充下拉列表框的方法
php实现递归无限分类生成下拉列表的函数
php数组生成html下拉列表的方法
PHP入门之表单操作 获取文本框的值
PHP 获取目录下的图片并随机显示的代码
PHP获取客户端真实IP地址的5种情况分析
PHP获取时间排除周六、周日的两个方法
PHP获取中英混合字符串长度的方法
php获取中文拼音首字母类的应用示例
用PHP实现弹出消息提示框的两种方法
php获取$_POST同名参数数组的方法
-
js获取下拉列表的值和元素个数示例
2020-10-25 23:39:14主要介绍了js获取下拉列表的值和元素个数示例,需要的朋友可以参考下 -
javascript获取下拉列表框当中的文本值示例代码
2020-10-27 01:43:28需要将用户点击下拉列表当中某个选项后,将其所选的内容保存起来,下面与大家分享下如何使用js获取下拉列表框文本值,由此需求的朋友可以参考下 -
从几个下拉列表中获取值
2021-03-10 03:12:49在我的Page_Init方法中,我创建了1个checkboxlist(填充了项目)和几个下拉列表等于checkboxlist中的项目数量(6checkboxlistitems - > 6下拉列表) .两个项目下拉列表都与数据有关(项目代表一周中的每一天,下拉列表... -
JavaScript--获取下拉列表数据
2021-03-08 14:39:36获取下拉列表的值</title> </head> <body> <script type="text/javascript"> window.onload=function(){ var slt=document.getElementById("slt") slt.onchange=function(). -
获取下拉列表框的值是数组,split,$.inArray示例
2020-12-01 04:01:36今天遇到一个贼蛋碎的问题: 1、我从 一个下拉列表select中单击事件,获取options的value值 代码如下: var product_id = $(this).val() console.log出来是发现是个数组,如:[“51”] 然后做了如下判断 代码如下: ... -
layui 下拉列表框获取值
2019-03-14 09:43:51//刷新表单select选择框渲染 } } }); 编辑时: <div class="layui-form-item"> <label class="layui-form-label"><em class="require-mark">*嗯嗯</label> <div class="layui-input-block"> 嗯嗯" value=... -
获取下拉列表的值与ajax的结合
2019-10-08 16:47:59//这边就可以获得选取的option的value值 if(cusIdvalue=="" ||cusIdvalue==null){ $("#address1").val(""); $("#phone1").val(""); } //alert(cusIdvalue+">>>>"); $.ajax({ ... -
js获取下拉列表中选中的值和文本
2012-08-10 11:15:11这是javascript获取下拉菜单选中的值和文本的技术文档 -
php 获取select下拉列表框值的简单示例
2021-03-31 08:19:11这篇文章主要为大家详细介绍了php 获取select下拉列表框值的简单示例,具有一定的参考价值,可以用来参考一下。感兴趣的小伙伴,下面一起跟随512笔记的小编小韵来看看吧!给select 表单无素一个名字。表单提交后 用 ... -
Java Poi获取Excel下拉列表值
2018-05-16 14:20:16如下图所示,需要获取第一行、第一列单元格下拉列表值: 1.添加poi所需依赖包 <dependency> <groupId>org.apache.poi</groupId> <artifactId>poi&... -
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
2020-10-26 10:31:38本篇文章主要是对JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助