可以添加自定义的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.效果

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏進无尽的文章

多媒体 -获取本地图片和视频文件

很多自定义播放器,和自定义多选相册的图片都是需要先获取系统图片库中的所有图片资源或者视屏资源 ,所使用的核心方法就是AssetsLibrary框架里的ALAss...

10220
来自专栏数据分析

Button和This的DialogResult

今天早操作WinForm时遇到了一个问题,在此和大家分享一下。 场景:在一个WinForm:A中通过按钮打开另外一个WinForm:B,A通过判断B中点击“OK...

34640
来自专栏wym

方块处理(2) ---十天教会你俄罗斯方块

UINT_PTR SetTimer(HWND hWnd,UINT_PTR nlDEvent,

9310
来自专栏Python疯子

iOS 单选按钮组--只能而且必选一个按钮

2、初始化并默认一个选项,这里用了4个button,实际可以采用2个,因为写一半才发现后面的汉字也要设置成可点的,就懒得改了,直接改成button了

59720
来自专栏技术总结

DWIntrosPage 简单定制引导页

下面摘取部分代码 DWIntrosPageContentViewController

13850
来自专栏DannyHoo的专栏

标签栏代码

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/...

14010
来自专栏编程之旅

iOS 全局禁止横屏,但视频播放界面选择性横屏的解决办法

有时我们的APP并没有适配横屏的需求,但是在个别视频播放界面,我们需要在播放视频的时候横屏,退出全屏的时候不能横屏,但是有时候并没有原生API并没有给出解决方案...

63220
来自专栏iOS开发攻城狮的集散地

UIActivityViewController系统原生分享-仿简书分享

46480
来自专栏iOS122-移动混合开发研究院

实现iOS图片等资源文件的热更新化(二):自定义的动态 imageNamed

这篇文章,要解决的是,使用一个自定义的 imageNamed 函数来替代系统的 imageNamed 函数.内部逻辑,将贯穿对比论证 关于"合适"的图片的定义....

21760
来自专栏西安-晁州

react-native学习之入门app

1、项目初始化: react-native init MyProject 2、启动项目: cd MyProject react-native start 新开c...

23500

扫码关注云+社区

领取腾讯云代金券