jquery检索name_jquery通过name获取元素并设置值???

代码如下:

其中list为后台传来的集合,list中有goodid、goodnum、batchNum、supplierid属性。

因为select、input元素都是根据list的数量动态生成的,所以需要使用for循环进行遍历,然后赋值;

if (list.goodid.length > 0) {

for (i = 0; i < list.goodid.length; i++) {

fnAddTr();

}

debugger;

for (i = 0; i < list.goodid.length; i++) {

$("select[name='goodid']")[i]val(list.goodid[i]);

$('input[name="goodnum"]')[i].val(list.goodnum[i]);

$('input[name="batchNum"]')[i].val(list.batchNum[i]);

$("select[name='supplierid$']")[i].val(list.supplierid$[i]);

}

}

但是,出现报错:

Uncaught TypeError: $(...)[i].val is not a function

哪位大神能帮忙看看,为什么?

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
提供的源码资源涵盖了Java应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!
提供的源码资源涵盖了小程序应用等多个领域,每个领域都包含了丰富的实例和项目。这些源码都是基于各自平台的最新技术和标准编写,确保了在对应环境下能够无缝运行。同时,源码中配备了详细的注释和文档,帮助用户快速理解代码结构和实现逻辑。 适用人群: 适合毕业设计、课程设计作业。这些源码资源特别适合大学生群体。无论你是计算机相关专业的学生,还是对其他领域编程感兴趣的学生,这些资源都能为你提供宝贵的学习和实践机会。通过学习和运行这些源码,你可以掌握各平台开发的基础知识,提升编程能力和项目实战经验。 使用场景及目标: 在学习阶段,你可以利用这些源码资源进行课程实践、课外项目或毕业设计。通过分析和运行源码,你将深入了解各平台开发的技术细节和最佳实践,逐步培养起自己的项目开发和问题解决能力。此外,在求职或创业过程中,具备跨平台开发能力的大学生将更具竞争力。 其他说明: 为了确保源码资源的可运行性和易用性,特别注意了以下几点:首先,每份源码都提供了详细的运行环境和依赖说明,确保用户能够轻松搭建起开发环境;其次,源码中的注释和文档都非常完善,方便用户快速上手和理解代码;最后,我会定期更新这些源码资源,以适应各平台技术的最新发展和市场需求。 所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!
以下是一个基本的示例,演示如何使用jQuery Mobile下拉框和AJAX从服务器异步检索数据。 HTML代码: ```html <!DOCTYPE html> <html> <head> <title>jQuery Mobile 下拉框异步获取数据示例</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> </head> <body> <div data-role="page"> <div data-role="header"> <h1>下拉框异步获取数据示例</h1> </div> <div data-role="main" class="ui-content"> <label for="select-choice-1" class="select">选择一个城市:</label> <select name="select-choice-1" id="select-choice-1"> <option value="">请选择...</option> <option value="1">北京</option> <option value="2">上海</option> <option value="3">广州</option> <option value="4">深圳</option> </select> <div id="result"></div> </div> <div data-role="footer"> <h4>版权所有 © 2021</h4> </div> </div> <script> $(document).on("pagecreate", function() { $("#select-choice-1").on("change", function() { var cityId = $("#select-choice-1").val(); $.ajax({ url: "getdata.php", type: "POST", data: { city_id: cityId }, dataType: "html", success: function(data) { $("#result").html(data); } }); }); }); </script> </body> </html> ``` JavaScript代码: ```javascript $(document).on("pagecreate", function() { $("#select-choice-1").on("change", function() { var cityId = $("#select-choice-1").val(); $.ajax({ url: "getdata.php", // 服务器端处理程序的URL地址 type: "POST", // 请求方式 data: { city_id: cityId }, // 发送到服务器端的数据 dataType: "html", // 服务器端返回的数据类型 success: function(data) { // 成功返回数据后的回调函数 $("#result").html(data); // 将返回的数据显示在页面上 } }); }); }); ``` PHP代码(getdata.php): ```php <?php if(isset($_POST['city_id'])) { $cityId = $_POST['city_id']; if($cityId == '1') { echo '<p>您选择了北京。</p>'; } else if($cityId == '2') { echo '<p>您选择了上海。</p>'; } else if($cityId == '3') { echo '<p>您选择了广州。</p>'; } else if($cityId == '4') { echo '<p>您选择了深圳。</p>'; } } ?> ``` 在这个示例中,我们创建了一个简单的HTML页面,其中包含一个下拉框和一个用于显示结果的div元素。当用户选择下拉框中的选项时,我们使用jQuery的AJAX函数从服务器异步检索数据,并将结果显示在页面上。 请注意,我们使用了jQuery的on()函数来监听页面创建事件,以便在页面加载时绑定事件处理程序。在事件处理程序中,我们使用jQuery的ajax()函数向服务器发送POST请求,并传递所选城市的ID作为数据。 服务器通过检查POST请求中的城市ID参数来确定要返回的数据,然后将数据返回到客户端。在客户端,我们在ajax()函数的成功回调函数中处理返回的数据,并将其显示在页面上。 以上就是一个基本的jQuery Mobile下拉框post异步获取数据的例子。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值