jQuery操作select的实例代码
夺得2008年欧洲杯冠军的国家是:
<select name="nation" id="nation">
<option value="">请选择</option>
<option value="Germany">德国</option>
<option value="France">法国</option>
<option value="Italy">意大利</option>
<option value="England">英国</option>
<option value="Spain">西班牙</option>
<option value="Greece">希腊</option>
</select>
if($("#nation").val()=="") {
alert("请选择国家");
}
$("#nation").find("option").length;
3、获取选中的option的值value和显示的文本text。
代码如下:
//获取选中项的值
$("#nation").val();
//获取选中项显示的文本
$("#nation").find("option:selected").text();
$("#nation").find("option[value='Spain']").attr("selected",true);
$("#nation").find("option:selected").index()
$("#nation").append("<option value='Ukraine'>乌克兰</option>");
//删除value="Italy"的选项
$("#nation").find("option[value='Italy']").remove();
//删除索引为2的选项
$("#nation").find("option[index=2]").remove();
相关推荐
-
jQuery select的操作实现代码
//改變時的事件 复制代码 代码如下: $("#testSelect").change(function(){ //事件發生 jQuery('option:selected', this).each(function(){ //印出選到多個值 alert(this.value); }); }); //印出選到的項目 复制代码 代码如下: 法1:$("select#Clubs").children("[@selected]").each(funct
-
jQuery对Select的操作大集合(收藏)
1.jQuery添加/删除Select的Option项:2.$("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 3.$("#select_id").prepend("<option value='0'>请选择</option>"); //为Sele
-
Js操作Select大全(取值、设置选中等等)
jquery操作select(取值,设置选中) 每一次操作select的时候,总是要出来翻一下资料,不如自己总结一下,以后就翻这里了. 比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[tex
-
jQuery select操作控制方法小结
需要注意的是,这里的代码好多是针对jquery 1.32以前的版本(以后的版本已经不支持@),所以替换为空测试下即可. jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected"
-
jQuery操作select的实例代码
select: 复制代码 代码如下: 夺得2008年欧洲杯冠军的国家是: <select name="nation" id="nation"> <option value="">请选择</option> <option value="Germany">德国</option> <option value="France">法国</o
-
jquery操作select option 的代码小结
1.获取选中select的value和text,html代码如下: 复制代码 代码如下: <select id="mySelect"> <option value="1">one</option> <option value="2">two</option> <option value="3">three</option> </selec
-
JQuery 操作select标签实现代码
下面几个常用的代码或许对您有帮助: 复制代码 代码如下: //1.获取选中option值 $('#selectList').val(); //2.获取选中option的文本 $('#selectList :selected').text(); //3.获取多个选中option值.文本 var foo = []; $('#multiple :selected').each(function(i, selected) { foo[i] = $(selected).text(); }); // to
-
利用jquery操作select下拉列表框的代码
例: 复制代码 代码如下: <select id="sltList" name="list"> <option value="1">张三</option> <option value="2">李四</option> </select> // 获取当前选中的option值 $('#sltList').val() //获取当前选中项的文本 $('#sltLis
-
jquery操作select元素和option的实例代码
废话不多说了,直接给大家贴代码,具体代码如下所示: <html> <head> <title></title> <!--添加jquery--> <script src="../Script/jQuery/jquery-1.6.2.min.js" type="text/javascript"></script> <script type="text/javascript
-
jquery操作select取值赋值与设置选中实例
本节内容: jquery实现select下拉框的取值与赋值,设置选中的方法大全. 比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("
-
Javascript操作select控件代码实例
这篇文章主要介绍了Javascript操作select控件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 新增.修改.删除.选中.清空.判断存在等 1.判断select选项中 是否存在Value="paraValue"的Item function jsselectisexititem(objselect,objitemvalue) { var isexit = false; for(var i=0;i<objselect
-
jquery操作select方法汇总
本文实例汇总了jquery操作select的方法.分享给大家供大家参考.具体如下: jQuery获取Select选择的Text和Value: 语法解释: 复制代码 代码如下: $("#select_id").change(function(){//code...});//为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text();
-
jquery操作select常见方法大全【7种情况】
本文实例讲述了jquery操作select常见方法.分享给大家供大家参考,具体如下: 在前段HTML页面设计中select 下拉框,或者 在 multiple="multiple" 时,表现为列表.经常会在页面上对其进行操作,这些操作不外乎: 1. 得到选中的 select 的 option 的值或者text. 2. 删除选中的 select 的 option. 3. 向select中增加新的option. 4. 得到select option 长度,也就是个数size 5. 清空se
-
jQuery 表单序列化实例代码
废话不多说了,直接给大家贴代码了,具体代码如下所述: $(function(){ $('#send').click(function(){ $.ajax({ type: "GET", url: "test.json", data: {username:$("#username").val(), password:$("#password").val()}, // 参数为对象 dataType: "json"
随机推荐
- Swift教程之枚举类型详解
- sql2008 还原数据库解决方案
- Jquery replace 字符替换实现代码
- Android支付宝支付开发实例
- python中日期和时间格式化输出的方法小结
- VB.NET验证邮件地址的合法性实现代码
- jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
- python3 实现的人人影视网站自动签到
- zeroclipboard 单个复制按钮和多个复制按钮的实现方法
- jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)
- BootStrap Table 后台数据绑定、特殊列处理、排序功能
- js css样式操作代码(批量操作)
- 主板相关的技术名词解释 小知识
- PHP中串行化用法示例
- python基础练习之几个简单的游戏
- .NET Core简单读取json配置文件
- node+koa2+mysql+bootstrap搭建一个前端论坛
- thinkPHP框架实现的短信接口验证码功能示例
- layui 上传插件 带预览 非自动上传功能的实例(非常实用)
- js实时监控文本框输入字数的实例代码