js添加、删除 DropDownList

最新推荐文章于 2019-06-27 03:03:57 发布
最新推荐文章于 2019-06-27 03:03:57 发布
阅读量1.1k 收藏
点赞数
分类专栏： 学习笔记 C#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiongbi1993/article/details/79715247
版权
这篇博客介绍了如何在后台获取DataTable数据，然后在JavaScript中利用这些数据动态地填充和清除DropDownList。首先，通过DataTable筛选出符合条件的数据，然后在前端使用Ajax获取这些数据，并清空现有DropDownList，接着循环遍历数据，为DropDownList添加新的选项。
摘要由CSDN通过智能技术生成
页面：
<asp:DropDownList ID="ddlShift" runat="server" TabIndex="2" Width="136px">
<asp:ListItem Value="1">早</asp:ListItem>
<asp:ListItem Value="2">中</asp:ListItem>
<asp:ListItem Value="3">晚</asp:ListItem>
<asp:ListItem Value="4">夜</asp:ListItem>
</asp:DropDownList>

后台：

DataTable dt = sysbll.GetCode(" GroupCmpyID='00' and StoreID='" + StoreId + "' and BusineTypeID='Shift' and sta='1'").Tables[0];
            if (dt.Rows.Count > 0)

最低0.47元/天 解锁文章
菜鸟_xiao
关注
专栏目录
JavaScript与DropDownList 区别分析
10-29
一个典型的例子是通过为DropDownList控件添加onchange事件处理器，然后在事件处理器的JavaScript函数中获取DropDownList当前选中的值，并将其赋值给页面上的其他控件，比如文本框（txtSdept）。如下所示的代码： ``...
利用js给DropdownList赋值实例
12-13
话不多说，请看下面代码 var row = [{ "code": "1", "model": "APOLLO" }, { "code": "2", "model": "APOLLO M/B1"}]; for (var i = 0; i < row.length; i++) { 　　var addOption = document.createElement("option"); 　　addOption.text = row[i]["model"]; 　　addOption.value = row[i]["model"]; 　　document.getElementById("ddlModel
使用js添加DropDownList的项
01-22
如果在服务器端对一个服务器端控件（如DropDownList）进行绑定后，起状态将被保存；在客户端对DropDownList（Select）赋值时，不会保存状态。当你执行提交时，会将页面发送至服务器端，通过Page_Load事件处理，在返回到请求的页面。由于没有保存状态，所以列表被清空。之后才会执行按钮提交的事件，当然也就取不到值了。所以，有两个解决的办法。一、该页面不向服务器端提交页面，你可以通过请求其他页面，将返回值通过javascript来控制和输出。二、在提交页面之前，实现将要取的值存入一个<input type="hidden" />中（保存状态）。这样，就能保证取到你需要的值，当然，那个列表还是空的，除非为Select的每一个Option都保存一个状态（那是很没必要的）。 希望我的这些经验和解决方法对你们有用！
javascript控制服务器控件——实例:为DropdownList动态添加删除选项
北风的专栏
04-14 2624
 最近多个页面需要加载一些下拉列表框，供用户选择，原来都是在服务器端进行加载应运用。最后由于业务逻辑方面的考虑，需要将DropDownList的部分功能放到客户端实现。现在下拉列表的功能使用起来感觉比全部放到服务器端性能好多了。       具体方法：       在页面中放入一个DropDownList控件，并添加一项，用来分析其产生的HTML代码，这样在使用js进行动态控制
JS清除dropdownlist绑定的项，并添加新项
weixin_30773135的博客
10-17 212
<script type="text/javascript"> /*删除项*/ document.getElementById('KeyList').options.length = 0; /*添加项*/ document.getElementById("KeyList").options.add(new Option( "English Title", "e...
js添加和删除dropdownlist的值
dianyinlong4979的博客
10-09 197
删除 var ddl = document.getElementById("ddlGroup"); for (var j = 0; j < ddl.options.length; j++) { if (ddl.options[j].value == "") { ddl.options.remove(j); ...
JS/jQuery DropDownList 添加项
追求卓越,做到专业
02-25 5744
js为DropDownList 添加项 function addItem() { var tOption = document.createElement("Option"); tOption.text='text'; tOption.value='value'; document.getElementById("DDL1").add(tOption)
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
10-26
总结，通过jQuery，我们可以方便地获取和设置`select`、`dropdownlist`（通常指`select`）、`checkbox`等表单元素的值，并进行添加、删除、选中等操作，极大地提高了前端开发的效率和代码的可读性。以上代码示例适用...
dropdownlist控件 “选项”添加示例 三种方法
07-28
这种方法更灵活，可以根据需要随时添加或删除选项。 三、数据绑定 在Web应用开发中，尤其是使用ASP.NET、Angular、React等框架时，通常会采用数据绑定的方式填充DropdownList。以下是一个ASP.NET的例子： ```asp...
js给dropdownlist添加选项的小例子
12-03
代码如下:  <input name=”” type=”text”  id=”newDirtxt”/> <input class=”btn” name=”” type=”button” value=”创建新目录”  onclick=”newDir()” />   ?<BR><BR><BR>Js代码 <BR><BR>[removed] ////创建新目录         function newDir() {             var txt = document.getElementById(“newDirtxt”);            
JavaScript为DropDownList添加新项
weixin_33957648的博客
06-27 510
JS获取DropDownList的value值与text值 <scripttype="text/javascript"language="javascript"> functionSearchChange() { varddl=document.getElementById("DropDownList1") ...
js操作DropDownList
落叶飘香
05-22 544
js操作DropDownList var card= document.getElementById("DropDownListID"); card.options.selectedIndex                       //获取选择项的索引 card.options[card.options.selectedIndex].value     //获取选择项的值
用javascript动态更改DropDownList下拉项
w5762的专栏
10-12 811
//清除原有项function clearitem(){ var drp1 = document.getElementById("drp1");        while(drp1.options.length>0)        {           drp1.options.remove(0);        } }//动态更改方法（根据城市代码取得该市商业区并添加到Drop
js 删除DropDownList的选项
HJ850126的专栏
03-30 3561
function del_DropDownList_Option() {             var   ddlXZ=  document.getElementById("name");             var i = ddlXZ.length - 1;             if (i > -1) {                 ddlXZ.remove(i);
js操作DropDownList大全
08-04 5782
一：js 设置DropDownList选中某项 1.根据Value值设置选中某项    例子如下： HTML代码：  选项0 选项1   JS代码：document.getElementById("ddlFolder").value="0";//0为你要选中的项的value  2.根据Text值设置选中某项
js控制dropdownlist
weixin_30776545的博客
01-28 117
//这里是HTML代码 <asp:DropDownList ID="ddlWorkType" runat="server" Width="150px"> </asp:DropDownList> //这里在后台绑定值 [csharp] view plaincopyprint? DataSetworkTypeDts=_publicCodeManager.Ge...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值