新浦京81707con > 注册购买 > jquery获得option的值和对option进行操作

原标题:jquery获得option的值和对option进行操作

浏览次数:114 时间:2019-09-13

jQuery获取Select元素,并选择的Text和Value:

jquery获得option的值和对option的操作。

复制代码 代码如下:

jQuery获取Select成分,并采取的Text和Value: 

$("#select_id").change(function(){//code...}); //为Select增多事件,当选取在那之中一项时接触
var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
var checkValue=$("#select_id").val(); //获取Select选择的Value
var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选用的索引值
var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

 

jQuery获取Select成分,并设置的 Text和Value:

复制代码代码如下:

实例深入分析:

$("#select_id").change(function(){//code...}); //为Select增多事件,当采取之中一项时触发 
var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 
var checkValue=$("#select_id").val(); //获取Select选择的Value 
var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选用的索引值 
var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值 

复制代码 代码如下:

jQuery获取Select成分,并安装的 Text和Value: 

$("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中
$("#select_id ").val(4); // 设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中

实例深入分析: 

jQuery添加/删除Select元素的Option项:

复制代码代码如下:

实例深入分析:

$("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中 
$("#select_id ").val(4); // 设置Select的Value值为4的项选中 
$("#select_id option[text='jQuery']").attr("selected", true); //设置Select的Text值为jQuery的项选中 

复制代码 代码如下:

jQuery添加/删除Select元素的Option项: 

$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加贰个Option(下拉项)
$("#select_id").prepend("<option value='0'>请选用</option>"); //为Select插入八个Option(第二个职位)
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最终三个)
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第贰个)
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

实例分析: 

三级分类 <select name="thirdLevel" id="thirdLevel"
onchange="getFourthLevel()">
<option value="0" id="thirdOption">
请选取三级分类
</option>
</select>
</div>

复制代码代码如下:

四级分类:
<select name="fourthLevelId" id="fourthLevelId">
<option value="0" id="fourthOption">
请选用四级分类
</option>
</select>
</div>
if($("#thirdLevel").val()!=0){
$("#thirdLevel option[value!=0]").remove();
}
if($("#fourthLevelId").val()!=0){
$("#fourthLevelId option[value!=0]").remove();
}//这么些代表:要是大家期待当选取采用第三类时:借使第四类中有多少则删除,若无数据第四类的商品中的为暗中同意值。在后面学习了AJAX手艺后平日会利用到!

$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加八个Option(下拉项) 
$("#select_id").prepend("<option value='0'>请采纳</option>"); //为Select插入四个Option(第三个地点) 
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最终一个) 
$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第多少个) 
$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option 
$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option 

获取Select :
获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();
获取select选中的 value:

三级分类 <select name="thirdLevel" id="thirdLevel" 
onchange="getFourthLevel()"> 
<option value="0" id="thirdOption"> 
请选取三级分类 
</option> 
</select> 
</div> 

$("#ddlRegType ").val();

四级分类: 
<select name="fourthLevelId" id="fourthLevelId"> 
<option value="0" id="fourthOption"> 
请选拔四级分类 
</option> 
</select> 
</div> 
if($("#thirdLevel").val()!=0){ 
$("#thirdLevel option[value!=0]").remove(); 

if($("#fourthLevelId").val()!=0){ 
$("#fourthLevelId option[value!=0]").remove(); 
}//那些代表:假使我们盼望当选拔选用第三类时:假如第四类中有数据则删除,若无数量第四类的货物中的为暗中认可值。在前面学习了AJAX技能后日常会利用到! 

得到select选中的目录:
$("#ddlRegType ").get(0).selectedIndex;
设置select:
安装select 选中的索引:
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

获取Select : 
获取select 选中的 text : 
$("#ddlRegType").find("option:selected").text(); 
获取select选中的 value: 

设置select 选中的value:

$("#ddlRegType ").val(); 

复制代码 代码如下:

获取select选中的目录: 
$("#ddlRegType ").get(0).selectedIndex; 
设置select: 
安装select 选中的索引: 
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值 

本文由新浦京81707con发布于注册购买,转载请注明出处:jquery获得option的值和对option进行操作

关键词: 新浦京81707con Jquery+Javas

上一篇:javascript伸缩型菜单实现代码,JavaScript实现非常简

下一篇:没有了