栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

根据另一个组合框选择自动填充组合框

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

根据另一个组合框选择自动填充组合框

您可以简化现有的代码 很多 ,我认为你从你标记你的问题的方式去做-
如果你使用jQuery。以下代码将替换您显示的所有代码,并且您将不需要

onkeyup
html中的内联代码:

$(document).ready(function() {   $("#textbox1").keyup(function() {      $.get('state.jsp', {count : this.value}, function(responseData) {         $("#textbox2").val(responseData);      });   });});

$.get()
jQuery的简单Ajax方法之一在哪里。它将数据从第二个参数传递到第一个参数中的url,然后返回响应时,它将在第三个参数中调用该函数(这等效于您的
stateChange()
函数,但jQuery为您测试状态并且仅调用准备就绪时起作用)。

(顺便说一句,我不建议在每次键入键时都提出一个新的Ajax请求。也许是在模糊处理时这样做,或者至少使用超时机制仅在用户停止键入例如400ms时才执行事件。)

当您说“基于第一个组合框的选择自动填充第二个组合框”时,是指根据第一个组合框中选择的值来设置可用选项的列表吗?假设您可以使用与上述类似的技术:

$("#combo1,#combo2,#combo3").change(function() {   var associatedCombo = $(this).attr('data-associated');       requestData = {};   requestData[this.id] = $(this).val();   $.get('combo.jsp', requestData, function(responseData) {      $("#" + associatedCombo).replaceWith(responseData);   });});<select id="combo1" data-associated="combo4">

在哪里

'combo.jsp'
处理“
combo1Val”请求参数并返回适当的数据。如果使用此
.replaceWith()
方法,则需要返回填充组合的HTML,如下所示:

<select id="combo2" name="combo2">   <option value="1">One</option>   ...</select>

因为整个现有组合将被新组合替换。当然,还有许多其他方法,例如,仅返回选项,或者返回JSON并使用它来逐个创建选项。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/393058.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号