jquery 动态遍历select 赋值的实例

获取select 选中的值：

$("#selDepUnit").children('option:selected').val();

Ajax 动态为select赋值：

$.ajax({
  type: "POST",
  url: "/department/findDepByPid",
  data:"pid="+pid,
  success: function (data) {
  $("#selDep").empty();
  $.each(data, function(i, item){
   $("#selDep").append($("<option/>").text(item.name).attr("value",item.id));
   });
  },
});

以上这篇jquery 动态遍历select 赋值的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • jQuery实现动态显示select下拉列表数据的方法

    本文实例讲述了jQuery实现动态显示select下拉列表数据的方法.分享给大家供大家参考,具体如下: 先来看看运行效果: 具体代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>www.jb51.net jQuery动态显示表单</title> <script type="text/javascript" s

  • jQuery为动态生成的select元素添加事件的方法

    项目中需要在点击按钮时动态生成select元素,为防止每次点击按钮时从服务器端获取数据(因为数据都是相同的),可以这样写代码 1.首先定义全局js变量 var strVoucherGroupSelect =""; 2.在js中写好获取服务端数据的代码 function genVoucherGroupSelect(rowID){ return $(strVoucherGroupSelect).attr("id", "sl_" + rowID).pa

  • jquery遍历select元素(实例讲解)

    本篇文章提供一款jquery遍历select教程代码,主要是利用了$("#<%=ddl_xreg_id.clientid%> option").each(function() {形式来each遍历一次,这样所有的select就给查询了一次. 复制代码 代码如下: <script src="jquery-1.2.1.js" type="text/网页特效"></script><script language

  • jquery操作select取值赋值与设置选中实例

    本节内容: jquery实现select下拉框的取值与赋值,设置选中的方法大全. 比如<select class="selector"></select> 1.设置value为pxx的项选中 $(".selector").val("pxx"); 2.设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("

  • jquery 动态遍历select 赋值的实例

    获取select 选中的值: $("#selDepUnit").children('option:selected').val(); Ajax 动态为select赋值: $.ajax({ type: "POST", url: "/department/findDepByPid", data:"pid="+pid, success: function (data) { $("#selDep").empty()

  • jquery 动态增加删除行的简单实例(推荐)

    最近写程序,碰巧有动态增加删除行,下面就记录一下 html就不写了,也没有什么,直接上核心了 新增行 function addRow(obj){ //获得table一共有多少行,方便追加的时候给序号赋值 var length = $("#grid tr").length; //获得当前是第几行,以便追加的时候,在该行下进行新增,我这里跨的级别比较多,根据实际层级去定义 var current = $(obj).parent().parent().parent().prevAll().l

  • jquery动态遍历Json对象的属性和值的方法

    1.遍历 json 对象的属性 //定义json对象 var person= { name: 'zhangsan', pass: '123', fn: function(){ alert(this.name+"的密码="+this.pass); } } //遍历person属性包括方法,如果不想显示出方法,可用typeof(person[item])== "function"来判断 for(var item in person){ alert("perso

  • JS & JQuery 动态添加 select option

    今天有朋友问我一个关于在<select>里动态添加option问题,一开始以为是JS那里动态添加,所以用了JS动态添加option的方法,但你那里是用JQuery的,所以才会一直出错,下面记下在JS和JQuery里添加option的区别. JS: var selid = document.getElementById("sltid"); for(var i=0; i<10;i++){ //循环添加多个值 sid.option[i] = new Option(i,i);

  • JQuery动态添加Select的Option元素实现方法

    如下所示: var selector=$('<select></select>'); for(var i=0;i<5;i++){ selector.append('<option value="'+i+'">'+i+'</option>'); } 以上这篇JQuery动态添加Select的Option元素实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • jQuery动态产生select option下拉列表

    jQuery动态产生select option下拉列表

    但其中没有实现动态产生select option下拉列表. 在jQuery环境之下使用创建jQuery对象来实现动态产生,那是很方便的事情. 在数据库中准备一些数据: 存储过程: 开发ASP.NET MVC,实现程序,少不了model: 现创建一个实体Entity,即是与数据库通讯: 接下来,你可以创建获取数据集的方法,让前端jQuery执行的方法: ok,一切准备就绪. 创建一个select对象: $selectCity = $('<select />').attr({ name: 'cit

  • Python动态声明变量赋值代码实例

    这篇文章主要介绍了Python动态声明变量赋值代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 通过exec().globals()和locals() # 通过exec() for i in range(1, 4): # 第一次循环 i=1 时,会执行字符串中的python语句 ex1 = "exec1",以此类推 exec(f'ex{i} = "exec{i}"') # 通过globals()和locals

  • jquery动态导航插件dynamicNav用法实例分析

    jquery动态导航插件dynamicNav用法实例分析

    本文实例讲述了jquery动态导航插件dynamicNav用法.分享给大家供大家参考.具体如下: 这是一款自己写的jquery动态导航插件-dynamicNav,具体思路是: 第一.给所有的li里插入一个span标签,且包含li里面的a标签 第二.复制一份a标签,插入到span里,现在span里有两个a标签 第三.根据传入的参数判断是垂直切换还是水平的,如果是垂直的,将span的宽度改为一个a标签的宽度,这时两个a标签就垂直排列了,这里一定要将li的overflow:hidden;否则会看到2个

  • JQuery $.each遍历JavaScript数组对象实例

    查看一个简单的jQuery的例子来遍历一个JavaScript数组对象. var json = [ {"id":"1","tagName":"apple"}, {"id":"2","tagName":"orange"}, {"id":"3","tagName":"banana&q

  • JS 通过系统时间限定动态添加 select option的实例代码

    JS 通过系统时间限定动态添加 select option的实例代码

    虽然是个简单的效果,还是需要积累一下,记录一下: 源代码如下所示: <select id="myselect1"> <option value="">- -</option> <option value="2015级">2015级</option> <option value="2014级">2014级</option> <option

随机推荐