`
koreyoshi
  • 浏览: 241356 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JS填充下拉列表

 
阅读更多

function setPrcCode(){

var pageCode = kysz.$("app.ccas.base.processNodeAuth.add.form.pageCode").value;

//选中"请选择",清空下拉列表

if(null==pageCode||""==pageCode){

var prcCode = skysz.$("app.ccas.base.processNodeAuth.add.form.prcCode");

removeAll(prcCode);

grid.clearAndLoadpage("");

return ;

}

var prcCode = skysz.$("app.ccas.base.processNodeAuth.add.form.prcCode");

removeAll(prcCode);

var oSelect = document.createElement("OPTION");

oSelect.value = "";

oSelect.text = "请选择";

prcCode.options.add(oSelect);

var obj = skysz.ajax.postSync("${findPrcCode}","pageCode=" + pageCode).object;

if(typeof obj=='undefined'){

return;

}

for(var i = 0;i < obj.length;i++){

var oOption = document.createElement("OPTION");

oOption.value = obj[i][0];

oOption.text = obj[i][1];

prcCode.options.add(oOption);

}

}

function removeAll(prcCode){

for(var j = 0; j < prcCode.options.length;){

prcCode.removeChild(prcCode.options[0]);

}

}

分享到:
评论

相关推荐

    js处理下拉列表框

    根据给定的信息,本文将详细...具体来说,它实现了从一个下拉列表框中选择某些项后,自动填充另一个下拉列表框的功能。这种交互式的设计可以极大地提高用户体验,特别是在需要处理复杂数据关系的应用场景中尤为重要。

    javascript实现通过拼音首字母快速选择下拉列表

    现在,我们已经为下拉列表填充了数据,每个选项都带有拼音首字母。为了实现快速选择,我们需要监听`&lt;select&gt;`元素的`change`事件,当用户点击一个选项时,可以更新显示的首字母。 ```javascript document....

    dropList v1.1 - JavaScript无限级联动下拉列表框

    《dropList v1.1:JavaScript无限级联动下拉列表框深度解析》 在Web开发中,用户界面的交互性和易用性至关重要。一个优秀的下拉列表框不仅可以提高用户体验,还能有效节省页面空间。今天我们将深入探讨“dropList v...

    级联下拉列表工具类,js实现

    ### 级联下拉列表工具类:JS实现详解 #### 概述 级联下拉列表是一种在前端开发中常见的交互方式,特别是在处理多层级数据时,它能有效地帮助用户进行选择。本文将深入分析一个名为`ComboSelectFactory`的...

    下拉列表二级联动

    二级联动的核心在于监听第一个下拉列表的`onChange`事件,当用户在第一个下拉列表中选择一个选项时,触发该事件,通过JavaScript获取当前选中的索引或值,然后根据这个信息动态地更新第二个下拉列表的选项。...

    jsp出生日期三级级联下拉列表

    8. **JavaScript解析JSON**:在前端,我们可以使用`JSON.parse()`方法将服务器返回的JSON字符串转换为JavaScript对象,然后使用这些数据填充下拉列表。 9. **CSS样式**:为了提升用户体验,我们还需要对下拉列表...

    js+jsp 联动下拉列表框

    ### js+jsp 联动下拉列表框 在网页开发中,经常需要用到联动下拉列表来实现数据的动态关联展示。例如,在一个电子商务网站上,用户选择省份时,对应的市级下拉列表会随之更新。这种功能的实现依赖于前端JavaScript...

    省市区下拉列表.rar

    在这个场景中,我们可能会先在HTML中创建三个空的下拉列表,分别对应省、市、区,然后通过JavaScript填充它们。 1. 数据获取:省市区的数据通常以JSON格式存储,每个对象包含省、市、区的ID和名称。例如: ```json ...

    JS多级联动下拉列表(自定义级数)

    在JavaScript中,我们可以创建一个函数来根据数据结构填充下拉列表: ```javascript function populateSelect(selectId, data) { const select = document.getElementById(selectId); select.innerHTML = '请选择...

    javascript下拉列表 显示时间

    // 使用生成的日期列表填充下拉列表 var datesOptions = generateDates(2011, 2022); var selectElement = document.getElementById('dateSelect'); for (var i = 0; i ; i++) { selectElement.innerHTML += ...

    JS多级联动下拉列表(不限级数)

    对于无限级的联动,可能需要递归地创建和填充下拉列表。 3. **数据结构**:为了支持无限级联动,数据通常以树形结构存储。每一级的下拉列表对应树的一个节点,节点包含自身的值(显示在下拉列表中)和子节点(用于...

    下拉列表控件的控制

    当用户选择省份时,会触发一个事件,该事件发送请求到服务器,服务器查询数据库获取对应省份的城市数据,然后将这些数据返回给前端,前端再用这些数据填充城市下拉列表。 在这个项目中,C#可能被用作后台处理语言,...

    数据库三级联动下拉列表

    3. **填充下拉列表**:使用ASP的HTML输出功能,动态生成HTML的`&lt;select&gt;`元素,并将查询到的城市数据作为`&lt;option&gt;`标签的值和文本。 4. **事件监听**:在JavaScript中,为上一级下拉列表添加`onChange`事件监听器...

    c#可输入的下拉列表框

    要填充`ComboBox`的下拉列表,可以使用`Items`集合。例如,通过`comboBox1.Items.Add("Option1")`来添加选项。这些选项可以是字符串,也可以是自定义对象,只要实现了`ToString()`方法。 3. **事件处理** `...

    JS搜索框下拉自动填充

    3. JavaScript 逻辑:下拉填充的核心在于监听用户的输入事件,然后根据输入值实时更新下拉列表。这通常涉及到两个主要步骤: - 数据源:数据可以是存储在内存中的数组,也可以是从服务器动态获取。假设我们有一个...

    输入框下拉列表提示.rar

    当用户输入时,代码会清除已有选项,并根据输入值过滤和重新填充下拉列表。 为了提升用户体验,我们还可以加入搜索延迟加载功能,防止用户每次按键都触发搜索,这可以通过`debounce`函数实现。同时,可以添加CSS...

    ajax 下拉列表框

    **Ajax 下拉列表框详解** Ajax(Asynchronous JavaScript and XML)技术是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。在Web开发中,它极大地提升了用户体验,使得页面交互更加流畅。本教程将...

    控件之可输入的下拉列表 .net

    描述中提到的“可支持控件绑定”,意味着该控件可以与数据源(如数据库、XML文件或集合)进行绑定,自动填充下拉列表的选项。"值和文本属性"是指每个选项有两个关键属性:文本(Text)和值(Value)。文本是用户看到...

    ASP 三级下拉列表

    AJAX允许我们在不刷新整个页面的情况下与服务器进行异步通信,这使得我们可以动态地填充下拉列表的内容。当用户选择一级或二级选项时,通过AJAX发送请求到服务器,服务器返回对应的三级选项,然后JavaScript更新下拉...

    省市县/区下拉列表,同步改变

    通过监听`change`事件,JQuery可以动态地更新其他下拉列表,比如当用户选择了一个新的省份,JQuery会发送一个Ajax请求到服务器,获取与该省份对应的市列表,并填充到“市”的下拉列表。同样,当市被选中时,会再次...

Global site tag (gtag.js) - Google Analytics