给html中的select控件自动添加数据

给html中的select控件自动添加数据,第1张

你说的是下拉框控件吗? 不知道要的是不是这样的

在HTML是select控件

在 Winform应该是comboBox吧

//returnTable()这个方法里返回DataTable类型表格,里面有“id”和"procName"列

DataTable dt= returnTable()

this.comboBox1.DataSource = dt

this.comboBox1.ValueMember = "id"

this.comboBox1.DisplayMember = "procName"

在Webform应该是dropdownList 写在Load方法里

con.Open()

SqlCommand cmd = new SqlCommand(strSql,con)

SqlDataReader dr = cmd.ExecuteReader()

while (dr.Read())

{

DropDownList1.Items.Add(new ListItem(dr["status"].ToString(), dr["status_Id"].ToString()))

}

这样

downList.onchanged = function()

{

alert( this.value )

}

应该是,如果不对的话去掉changed的d试试.这个代码比较简单,应该不存在兼容问题.

html下拉框怎么用js添加新值

javascript添加一个下拉列表项的方法:创建一个新的option节点,然后添加到目标select对象中去,关键代码如下:

1、var objSelect = document.getElementById(select_id)。

2、var new_opt = new Option(objItemText, objItemValue)。

3、objSelect.options.add(new_opt)。

实例演示如下:

1、HTML结构,包括一个select项,含有三个options。另外,设置input和button,通过自由父子,实现给select增加自定义option。

此时的显示效果如下,其中option中有三项。

2、JS的函数设计如下:

现有的options如下:

3、在页面上输入新的数据,点击添加。

此时的select效果显示如下,自由添加功能实现。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11852830.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-19
下一篇2023-05-19

发表评论

登录后才能评论

评论列表(0条)

    保存