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

    • csdn1111 2005-03-21 10:08:21
    <select>列表里面怎么动态添加和删除数据?
    ...全文
    366 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);">
    <select>里动态添加option
    今天你问了我一个关于在里动态添加option问题，一开始以为是JS那里动态添加，所以用了JS动态添加option的方法，但你那里是用jQuery的，所以才会一直出错，下面记下在JS和JQuery里添加option的区别。 JS：var selid = document.getElementById("sltid");        for(var i=0; i          
    超详细的HTML <select> 标签用法及技巧介绍
    https://www.w3cschool.cn/htmltags/tag-select.html HTML 标签定义及使用说明 元素用来创建下拉列表。 元素中的  标签定义了列表中的可用选项。 select 元素可创建单选或多选菜单。当提交表单时，浏览器会提交选定的项目，或者收集用逗号分隔的多个选项，将其合成一个单独的参数列表，并且在将 表单数据提
    <select>
    jQuery获取Select元素，并设置的 Text和Value:  $("#select_id ").get(0).selectedIndex=1; //设置Select索引值为1的项选中  $("#select_id ").val(4); // 设置Select的Value值为4的项选中  $("#select_id option[text='jQuery']").attr("selec
    JS中操作＜select＞标签选的值
    JS中操作标签选的值
    hive报错： cannot recognize input near ‘＜EOF＞‘ ‘＜EOF＞‘ ‘＜EOF＞‘ in subquery source
    关注微信公共号：小程在线 关注CSDN博客：程志伟的博客 hive版本：2.1.1 报错： FAILED: ParseException line 28:35 cannot recognize input near '<EOF>' '<EOF>' '<EOF>' in subquery source 解决方法： 给字表添加别名。 报错SQL： select a from ( select a,b,c,d from asdf); 正确SQL：
    JavaScript

    87,995

    社区成员

    224,693

    社区内容

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

    加载中

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

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

    + 用AI写文章