jQuery 操作option的实现代码

js清空option之前清空option ，我的做法是遍历现有option，将其每个子元素都置空即可。现在使用jQuery来实现，我们只需要调用其支持的empty方法即可。

empty()

删除匹配的元素集合中所有的子节点。
再加上，我们要设默认值，所以此处清空select下所有option的方法，使用下面语句即可：


代码如下:

$('#selectId').empty().append( $("<option>这里放默认值</option>") );

js动态创建option
之前的做法，是借用其中间函数，来实现遍历Ajax返回的json对象。并使用new Option来创建option.现在我使用如下方法处理


代码如下:

for(var i = 0,len = jsondata.length; i<len; i++){
$('#selectId').append($("<option value='"+jsondata[i].val+"'>"+jsondata[i].txt+"</option>"));
}

好像也可以这么写:


代码如下:

$('#selectId').append("<option value='"+jsondata[i].val+"'>"+jsondata[i].txt+"</option>");

赞 (0)

相关推荐

  • javascript各浏览器中option元素的表现差异

    1,IE6/7/8/9中无事件(如click,mouseover),Firefox/Safari/Chrome/Opera则有. 复制代码 代码如下: <select id="s1" multiple="multiple"> <option value="1" onclick="alert(1);">1</option> <option value="2" oncl

  • javascript据option的value值快速设定初始的selected选项

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

  • javascript select options 排序(保持option 对象完整性)

    function addOption(object, object2) { each(object2, function(o, index) { object.options[index] = o; }) } function sortlist(sortName,isDesc) { var what = document.getElementById(sortName); this._options = map(what.options, function(o) { return o; });

  • firefox下获取下列框选中option的text的代码

    知识点: 0.为什么要innerText?因为安全问题 1.为firefox dom模型扩展属性 2.currentStyle属性可以取得实际的style状态 3.IE实现innerText时考虑了display方式,如果是block则加换行 4.为什么不用textContent?因为textContent没有考虑元素的display方式,所以不完全与IE兼容 代码: 在IE6,7,8 和firefox 2,3下测试均通过. //If your browser is IE , return tr

  • javascript 动态创建 Option选项

    javascripttest function setDay() { var themonth=document.getElementById("month"); var themaxmonthday=31; if(themonth.value=="2") { themaxmonthday=28; } var theday=document.getElementById("day"); var tempdaylength=theday.optio

  • 改进版：在select中添加、修改、删除option元素

    今天休完年假从家回来后,看到小林在QQ发的"监控管理示范代码",核心原理用的是select元素的 add() 方法: 复制代码 代码如下: function watch_ini(){ // 初始  for(var i=0; i<arguments.length; i++){  var word = document.createElement("OPTION");  word.text = arguments[i];  watch.keywords.add(w

  • js 操作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

  • javascript对select标签的控制(option选项/select)

    html中的select标签,也是asp.net中的asp:DropDownList控件. javascript对它们的操作 一.基础理解 复制代码 代码如下: var e = document.getElementById("selectId"); e. options= new Option("文本","值") ; //创建一个option对象,即在<select>标签中创建一个或多个<option value="

  • 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 操作option的实现代码

    js清空option之前清空option ,我的做法是遍历现有option,将其每个子元素都置空即可.现在使用jQuery来实现,我们只需要调用其支持的empty方法即可. empty() 删除匹配的元素集合中所有的子节点. 再加上,我们要设默认值,所以此处清空select下所有option的方法,使用下面语句即可: 复制代码 代码如下: $('#selectId').empty().append( $("<option>这里放默认值</option>") );

  • 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操作Cookies的实现代码

    当你浏览某网站时,你硬盘上会生产一个非常小的文本文件,它可以记录你的用户ID.密码.浏览过的网页.停留的时间等信息. 当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID.密码就直接登录等等.从本质上讲,它可以看作是你的身份证. 使用传统的Javascript来设置和获取Cookies信息很麻烦,要写上几个函数来处理,幸运的是jQuery帮我们做了很多事,借助jQuery插件,我们可以轻松的创建.获取和删除Coo

  • jQuery操作select的实例代码

    select: 复制代码 代码如下: 夺得2008年欧洲杯冠军的国家是: <select name="nation" id="nation"> <option value="">请选择</option> <option value="Germany">德国</option> <option value="France">法国</o

  • JQuery 操作/获取table具体代码

    //nav_box 表格名称 复制代码 代码如下: $("#nav_box tr").each(function (i) { //var text = $(this).children("td:first").text(); //var proid = $(this).find("input:hidden").val(); //alert("proid==" + i + "===" + proid); va

  • jQuery操作cookie的示例代码

    Cookies 定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术: 下载与引入:jquery.cookie.js基于jquery:先引入jquery,再引入:jquery.cookie.js:下载:http://plugins.jquery.com/cookie/ <script type="text/javascript" src="js/jquery.min.js"></script> <scr

  • 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操作radio,checkbox,select表单操作实现代码

    Jquery操作radio,checkbox,select表单操作实现代码

    一 .Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#s

  • JavaScript操作select元素和option的实例代码

    废话不多说了,直接给大家贴代码,具体代码如下所示: <!DOCTYPE html PUBLIC "-//WC//DTD XHTML . Transitional//EN" "http://www.w.org/TR/xhtml/DTD/xhtml-transitional.dtd"> <html xmlns="http://www.w.org//xhtml"> <head> <title></t

随机推荐