可以添加自定义的Select控件

1.控件dom

<select name="WebSiteTarget" id="WebSiteTarget" class="w1" onchange="editable2(this);"><option value="-1">请选择城市</option><option>福州</option><option>厦门</option><option>南平</option><option value="0">(自定义输入)</option>
</select>

2.脚本

<script>function editable2(dom) {if (dom.value == "0") {var newvalue = prompt("请输入", "");if (newvalue) {addSelected(dom, newvalue, newvalue);}}}function addSelected(fld1, value1, text1) {if (document.all) {var Opt = fld1.document.createElement("OPTION");Opt.text = text1;Opt.value = value1;fld1.options.add(Opt);Opt.selected = true;} else {var Opt = new Option(text1, value1, false, false);Opt.selected = true;fld1.options[fld1.options.length] = Opt;}}
</script>

3.效果

转载于:https://www.cnblogs.com/CallmeYhz/p/6599592.html

可以添加自定义的Select控件相关推荐

JavaScript操作select控件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
html下拉列表插件,js+CSS实现模拟华丽的select控件下拉菜单效果
本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果.分享给大家供大家参考.具体如下: 这是一个JS+CSS技术实现的Select控件效果,模拟出来的,比默认的Select更漂亮,有了这个 ...
HTML select控件
select控件 select控件用于创建下拉列表框(下拉菜单),并通过 option 元素创建列表中的选项,供用户从中选择. 定义 select控件时,在 select元素中设置 name 属性,并 ...
Select控件实现联动下拉列表框效果
Select控件实现联动下拉列表框效果(无需数据库) Select控件属性介绍: ID属性:获取或设置分配给Select控件的编程标识符. Name属性:获取或设置与Select控件关联的唯一标识符. ...
菜单向上拉html,模拟select控件，CSS上拉菜单
模拟select控件,CSS下拉菜单模拟select控件 html,body{height:100%;overflow:hidden;} body,div,form,h2,ul,li{margin: ...
以编程方式在ASP.NET MVC中使用多个HTML Select控件
目录介绍使用代码使用JQuery 使用Razor和C# 兴趣点介绍很多时候,我们使用JavaScript或JQuery代码来操纵HTML控件,却不知道ASP.NET MVC与Razor和C# ...
Selenium处理Select控件
Selenium处理Select控件 1.介绍: 在进行Web应用自动化测试的过程中,Select下拉框是我们经常会操作的控件,Selenium针对这种控件封装了Select类供我们测试使用.当然,也 ...
前端学习之select控件的使用2，省市县三级联动选择，select控件属性、方法、事件的综合应用...
总结select控件的属性.方法.事件的使用.数据源使用json数据,包括json数据的遍历. <label for="sheng">省</label> & ...
elemtnui select控件结合树形控件实现自定义搜索方法
业务需求: 可以从下拉框中选择数据,也可以自定义搜索. 前端效果: 1:从下拉框中选择 2:自定义搜索 3:单选并赋值:也就是选中那个就回显那个代码实现: 1.首先需要用到select控件和tree ...

可以添加自定义的Select控件

可以添加自定义的Select控件相关推荐

最新文章

热门文章