当前位置:起点学习辅导网 →培训频道 → 电脑知识学习 → 网页制作 → Javascript教程→Javascript 动态添加&删除列表框内容

Javascript 动态添加&删除列表框内容

08-08 00:40:01浏览次数:592次栏目：Javascript教程

标签：javascript视频教程,javascript教程下载, Javascript 动态添加&删除列表框内容,
        {
        document.myForm.mySelect.length++;
        document.myForm.mySelect.options[document.myForm.mySelect.length - 1].text=txt;
        document.myForm.mySelect.options[document.myForm.mySelect.length - 1].value =document.myForm.mySelect.length;

        }
        else
        {
         alert("请填写内容");
        }
}
</script>
</HEAD>

</SELECT></form>

内容:<input type="text" size=20 name="txt" id="txt"><br>
<input type="button" name="addBtn" value="添加内容" >

</BODY>
</HTML>

例二

<HTML>
       <HEAD>
       <TITLE>        New        Document        </TITLE>
       </HEAD>

       <BODY>
       <input        type="button"        name="btn"        value="添加一行"        >
       <table        id="activeTable"        style="border:        #000000        solid        1px;"        cellspacing="0"        width="100%"        cellpadding="0">
               <caption>請求内訳</caption>
               <tr>
                   <td        nowrap>請求月</td>
                   <td        nowrap>計上月</td>
                   <td        nowrap>請求件名</td>
                   <td        nowrap>入金期限日</td>
                   <td        nowrap>金額</td>
                   <td        nowrap>消費税</td>
                   <td        nowrap>備考</td>
           <td        nowrap>操作</td>
               </tr>
       <table>
       </BODY>
       </HTML>
       <SCRIPT        LANGUAGE="JavaScript">
       <!--

       function        addrow()        {
       var        row        =        activeTable.insertRow(activeTable.rows.length);
       var        col        =        row.insertCell(0);
       var        i        =        row.rowIndex;
       col.innerHTML        =        '<input        name="seituki1"        size="2"><input        name="seituki2"        size="2">';
       col        =        row.insertCell(1);
       col.innerHTML        =        '<input        name="keituki1"        size="2"><input        name="keituki2"        size="2">';
       col        =        row.insertCell(2);

上一页 [1] [2] [3] [4] [5] 下一页

，Javascript 动态添加&删除列表框内容

《Javascript 动态添加&删除列表框内容》相关文章

给资讯打分：

网友评论：