多种方法给select赋值、获取value值、全选、取消全选_select 赋值_漂移的电子的博客

一、多种方法给select赋值，及获取value值

	<




    
select name="demo_demo"  id="demo">
		<option value="">全部</option>
		<option value="1"  selected="selected">接口</option>
		<option value="2">导表</option>
	</select>
1、多种方法设置select
 jquery 赋值 
var str='2';
$("#demo").val("1");
$("select[name=demo_demo]").val('1')
$("#demo option[value=" + str + "]").attr('selected', "selected");  
$("#demo option[value=" + str + "]").prop("selected",true);
$('#demo option:selected').text('导表');
// 获取value
$("#demo").val()
$("select[name=demo_demo]").val()
$("select option:selected").val()
$("#demo option:selected").val()
//获取文本
$("select option:selected").text()  
原生js重新赋值 && 获取value 
document.getElementById("demo").value="2"
document.getElementById("demo").value
2、input框 
<input type="text" value="" name="demo_demo" id="demo">
jquery赋值&&获取 
 $('#demo').val('内容')   
  $('#demo').val()   
原生js 赋值&&获取 
document.getElementById('demo').value='内容';   
document.getElementById('demo').value ;
二、 select 全选&&取消全选
 
<form method="" name="theForm" action="" id="theForm">
   		<select name="select_form" class="st-select" style="width: 224px;height: 320px;" multiple="multiple">
   			<option value="">全部</option>
   			<option value="1">111</option>
   			<option value="2">222</option>
   			<option value="3">333</option>
   		</select>
   	</form>
select下的option全选 
for (var i = 0; i < document.theForm.select_form.length; i++) {
	document.theForm.select_form.options[i].selected = true;
取消全选
 方法一、 
for (var i = 0; i < document.theForm.select_form.length; i++) {
	document.theForm.select_form.options[i].selected = false;
	$("select[name='select_form']").val("");
 把全选或者多选获得的select value值收集成一个数组。（也许你会用得到） 
var arr = [];
$(".st-select option:selected").each(function() {
	arr.push($(this).val());  
//	console.log(arr)		//["1", "2", "3"]
});
1、同一个界面若包含新增、修改，若select的id、name都一样， 通过jquery赋值，会出现只赋值一个的现象，优先赋值第一个，所以需要更改成不同的id、name。
2、默认选中设置
$('#serviceType option:eq(1)').attr('selected','selected');//设置的几个选中
$("#serviceType").val("111")...
                                    利用jquery操作select下拉列表框，功能是通过点击事件动态复制一个select到table的td中，并利用td包含的文本内容找到对应的select选中项，代码如下：
HTML:
                                    select赋值$("#province").val(xzQuHuaCodes[0]);
$("#province").trigger("change");
因为异步获取其他的数据，需要在一定时间间隔后执行赋值才有效
setTimeout(function(){
    $("#region").val(xzQuHuaCodes[1]);
    $("#region").trigger("chan
a.text=”yyy”; 
area.options.add(a);方法二 
var selectid=document.getElementById(“selectid”); 
    selectid[0]=new Opti
      例：$("#szfs").val(“”jquery“”);
    ②选中option的text为jquery
      例： $("#select_id option[text='jQuer...
                                    我们知道在网页开发中只有 input、textarea、select三种类型的标签value属性的值才会提交给服务器。如，input标签有title、type、disabled等属性，但是这些属性都是供显示用的，用户并不能修改。
对于input、textarea标签其value中非常明显，input在定义的时候写死了，而textarea标签的value值很好界定（用户写入的即是其value）。但...
&lt;select id="duty" name="duty"&gt;
   &lt;option value="请选择职务"&gt;--请选择职务--&lt;/option&gt;
   &lt;option value="总经理"&gt;总经理&lt;/option&gt;
   &lt;option
                                    在update数据的时候，要先把原来的数据传递给前台，赋值给input等标签，但是啊，select标签没有value属性啊，所以在这里研究了一下，总结一个给select赋值的方法吧1234567&lt;select name="type" id="sel" required="true" &gt;                  &lt;option value ="1"&gt;农村家宴&amp
                                    今天遇到一个问题，就是我觉得自己明明应该获取下拉框选项的value值，但是怎么都获取不到，不管选择哪个下拉框选项获取到的id都是1。
下面是我更正之前的代码
	<div class="layui-form">
				<div class="demoTable">
				  搜索ID：
				  <div class="layui-inline">
				    <select  name="PId" lay-verify="required">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>给select赋值</t