• 列表里面怎么动态添加和删除数据?

    • csdn1111 2005-03-21 10:08:21
    <select>列表里面怎么动态添加和删除数据?
    ...全文
    399 3 打赏 收藏 转发到动态 举报
    写回复
    用AI写文章
    3 条回复
    切换为时间正序
    请发表友善的回复…
    发表回复
    梅雪香 2005-03-21
    • 打赏
    • 举报
     回复
    add 添加
    removeChild删除

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>made by meixx</title>
    <script language="javascript">
    <!--
    function Add(ObjSource,ObjTarget){
    for(var i=0;i<ObjSource.length;i++){
    if(ObjSource.options[i].selected){
    var opt=document.createElement("OPTION");
    ObjTarget.add(opt);
    opt.value=ObjSource.options[i].value;
    opt.text=ObjSource.options[i].text;
    ObjSource.options.removeChild(ObjSource.options[i--]);
    opt.selected=true;
    }
    }
    }
    function AddAll(ObjSource,ObjTarget){
    SelectAll(ObjSource);
    Add(ObjSource,ObjTarget);
    }
    function SelectAll(ObjSource){
    for(var i=0;i<ObjSource.length;i++){
    ObjSource.options[i].selected=true;
    }
    }

    function doSubmit(){
    SelectAll(frmDisplay.dltTarget);
    //frmDisplay.action="";//设置form 提交的action
    alert(frmDisplay.action);
    //frmDisplay.submit();//取消注释即可,提交上去的options
    }
    //->
    </script>
    </head>

    <body>
    <table width="350" border="1" style="border-collapse:collapse " bordercolor="#111111" cellpadding="0" cellspacing="0">
    <tr>
    <td width="150">
    <select name="dltSource" size="10" multiple style="width:100% ">
    <option value="0">辽宁</option>
    <option value="0">黑龙江</option>
    <option value="0">吉林</option>
    <option value="0">河北</option>
    <option value="0">河南</option>
    <option value="0">江苏</option>
    <option value="0">浙江</option>
    <option value="0">海南</option>
    <option value="0">福建</option>
    <option value="0">山东</option>
    <option value="0">青海</option>
    <option value="0">宁夏</option>
    <option value="0">内蒙古</option>
    <option value="0">新疆</option>
    <option value="0">陕西</option>
    </select>
    </td>
    <td width="50" valign="middle">
    <p style="width:100%" align="center"><input type="button" value="->" onClick="Add(document.all.dltSource,frmDisplay.dltTarget)" title="添加"></p>
    <p style="width:100%" align="center"><input type="button" value="=>" onClick="AddAll(document.all.dltSource,frmDisplay.dltTarget)" title="添加全部"></p>
    <p style="width:100%" align="center"><input type="button" value="<-" onClick="Add(frmDisplay.dltTarget,document.all.dltSource)" title="删除"></p>
    <p style="width:100%" align="center"><input type="button" value="<=" onClick="AddAll(frmDisplay.dltTarget,document.all.dltSource)" title="删除全部"></p>
    </td>
    <td width="150">
    <form id="frmDisplay" action="xxx.jsp" method="post" style="margin:0 ">
    <select name="dltTarget" size="10" multiple style="width:100% "></select>
    </form>
    </td>
    </tr>
    <tr>
    <td align="center">作者:梅雪香</td>
    <td align="center">ver:1.0</td>
    <td align="center">
    <input type="reset" onClick="javascript:window.location.reload();" value="重置">  
    <input type="button" value="提交" onClick="doSubmit()">
    </td>
    </tr>
    </table>

    </body>
    </html>
    alicc 2005-03-21
    • 打赏
    • 举报
     回复
    假设你的select名:mysel

    你要增加一项...
    var myOpt=new Option();
    myOpt.text="一月";
    myOpt.value=1;
    mysel.add(myOpt);

    你要删除一项...
    mysel.remove();
    baiyunfei 2005-03-21
    • 打赏
    • 举报
     回复
    <script>
    function addOption(text,value)
    {
    document.all.sel.options.add(new Option(text,value));
    }
    function delOption(idx)
    {
    document.all.options.remove(idx);
    }
    </script>
    <select name="sel">
    <option value=1>1</option>
    <option value=2>2</option>
    <option value=3>3</option>
    </select>
    <input type=button value=add onclick="addOption('4',4)">
    <input type=button value=del onclick="delOption(0);">
    html select标签操作
    本文深入探讨了JavaScript中如何操作<select>元素，包括动态创建、添加、删除选项，以及修改和获取选项的文本和值。通过具体实例演示了如何使用JavaScript实现下拉列表的联动效果，同时提供了jQuery AJAX配合JSON实现数据绑定的功能。
    对Extjs下拉列表动态添加和删除数据
    本文介绍了如何在ExtJS中动态添加和删除下拉列表的数据。通过监听事件、使用Store的各种方法如`remove()`, `add()`, `insert()`, `update()`等来实现数据的增删改。同时，讲解了`getCount()`, `each()`, `getRange()`, `getById()`, `find()`, `findBy()`等函数的用法，以及如何对数据进行查询、过滤和排序。此外，还提到了`load()`和`reload()`函数用于加载和重新加载数据，以及`filter()`和`filterBy()`用于数据筛选。 133782088,7337247,深度学习驱动的太阳能光伏电池技术：现状与未来,['人工智能', '深度学习', '图像处理', '能源技术', '机器学习']
    Python 列表的修改、添加和删除元素
    本文详细介绍了如何在Python中修改、添加和删除列表元素。包括修改列表元素的方法，如何在列表末尾或任意位置添加元素，以及如何使用del、pop和remove方法删除元素。并通过实例展示了在实际场景中的应用。
    如何动态添加和删除Hadoop节点
    在Hadoop集群中，动态添加和删除节点是常见运维操作。添加节点需做好准备工作，启动DataNode和NodeManager并刷新节点列表；删除节点要配置排除文件、刷新列表、停止服务。同时要注意数据平衡、资源分配及监控日志，合理操作可提高集群灵活性和资源利用率。
    vue——两种方式实现列表动态添加和删除
    本文介绍了使用Vue.js实现列表动态添加与删除的两种方法：一种是直接操作数据，另一种是利用组件。提供了完整的代码示例及运行效果展示。
    JavaScript

    87,990

    社区成员

    224,684

    社区内容

    发帖
    与我相关
    我的任务
    社区描述
    Web 开发 JavaScript
    社区管理员
    • JavaScript
    • 无·法
    加入社区
    • 近7日
    • 近30日
    • 至今

    加载中

    查看更多榜单
    社区公告
    暂无公告

    试试用AI创作助手写篇文章吧

    + 用AI写文章