增加页面中下拉列表框中的列表项目

「爱情、让人受尽委屈。」 2022-07-12 02:20 167阅读 0赞

效果如下：

![图片][Center]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>增加页面中下拉列表框中的列表项目</title>
    </head>
    <script language="javascript" type="text/javascript">
    var i,txt,val;
    window.onload = function() {
    	var btnobj = document.getElementById("testbtn");
    	if(btnobj)
    	{
    		btnobj.onclick = function() { InsertItem() };
    	}
    	i=0;
    }
    
    function InsertItem()
    {
    	i++;
    	var testlistobj = document.getElementById("testlist");
    	var option;
    	
    	txt = "新增下拉列表项目" + i.toString();
    	val = txt + i.toString();
    	
    	option = new Option(txt, val);
    	if(testlistobj)
    	{
    		testlistobj.options.add(option);
    	}
    }
    </script>
    <body>
    <select id="testlist">
    </select>
    <input id="testbtn" type="button" value="增加列表项目">
    </body>
    </html>

[Center]: /images/20220711/4228010303284d06b32cbecbfe6d3b21.png

发表评论取消回复

表情：

评论列表（有 0 条评论，167人围观）

还没有评论，来说两句吧...

相关阅读

相关下拉列表框Spinner

.java文件 package com.example.myapplication; import android.support.v7.app.AppCom

ゝ一世哀愁。/ 2022年08月21日 06:36/ 0 赞/ 268 阅读

相关搜索列表框（列表单独拆分页面vm）

function query(status,page)\{ var catId = $("\cat\_type").val(); var brandId

素颜马尾好姑娘i/ 2022年08月10日 16:33/ 0 赞/ 146 阅读

相关增加页面中下拉列表框中的列表项目

效果如下： ![图片][Center] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//

「爱情、让人受尽委屈。」/ 2022年07月12日 02:20/ 0 赞/ 168 阅读

相关增加页面中下拉列表框中的列表项目

效果如下： ![图片][Center] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//

绝地灬酷狼/ 2022年07月12日 02:20/ 0 赞/ 164 阅读

相关【PB】动态添加数据窗口列中下拉列表的内容

1.设置数据窗口某个列(dept\_id)的style type为DropDownListBox: dw_1.Modify("dept_id.ddlb.case='a

分手后的思念是犯贱/ 2022年06月01日 03:17/ 0 赞/ 351 阅读

相关 jsp页面中下拉框列表刷新值不变

String sele =request.getParameter("sele")==null?"":request.getParameter("sele"); ses

电玩女神/ 2022年05月16日 22:06/ 0 赞/ 209 阅读

相关 jQuery 自定义下拉列表框

在上一篇《[单选框/复选框美化][Link 1]》中，使用到了关键先生 <label>，但是很不幸运，在下拉列表框(<select>)中，<label>并不能通过指向来展开选项

深碍√TFBOYSˉ_/ 2022年05月09日 12:03/ 0 赞/ 279 阅读

相关不同格式的下拉列表框

. . . . ![2011060615534427.jpg][] 1 <script> 2 scHTML='<div id="selectcon

你的名字/ 2022年04月01日 19:29/ 0 赞/ 328 阅读

相关 qt5之下拉列表框QComboBox

QComboBox提供了下拉列表框的控件。下面简单介绍几个的方法和属性。　（1）addItems 　　void addItem(const QString &text

桃扇骨/ 2022年03月11日 06:22/ 0 赞/ 1195 阅读

相关【Vue】列表嵌入下拉框

如何将下拉框嵌入列表，如下： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

迈不过友情╰/ 2021年12月03日 04:29/ 0 赞/ 413 阅读