select onChange事件

快来打我* 2022-06-15 07:41 262阅读 0赞

select onChange事件，实现效果为,选择下拉框中的一个把他显示出来.

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>select onChange事件</title>
    </head>
    <body>
                <select id="EffectiveDateSel" onChange="DispayPrice();">
    
                    <option>切换 <b class="caret"></b></option>
                    <option value="121.473701,31.230416,200000">上海市</option>
                    <option value="116.407526,39.90403,100000">北京市</option>
                    <option value="103.826308,36.059421,620100000000">兰州市</option>
                    <option value="113.264434,23.129162,510000">广州市</option>
    
                </select>
    			
    			<span id="cityse"></span>
    
    <script>
    function DispayPrice()
        {
            var nSel = document.getElementById("EffectiveDateSel");
            var index = nSel.selectedIndex; // 选中索引
            var text = nSel.options[index].text; // 选中文本
    		var value= nSel.options[index].value;
            document.getElementById("cityse").innerHTML=text+"----"+value;
    
        }
    </script>
    </body>
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 jquery 获取当前select onchange事件

jquery 获取当前select onchange事件后台代码前端代码 add.html 关注地方附加返回h

淡淡的烟草味﹌/ 2023年02月18日 08:08/ 0 赞/ 106 阅读

相关 html select onchange 失效

html select onchange 失效问题描述解决方案问题描述想要监听 select 切换选项后执行一些操作，比如全换选项后清空其他输

亦凉/ 2023年01月16日 04:56/ 0 赞/ 196 阅读

相关 Layui 下拉框Select onchange事件监听

<html> .... <div class="layui-input-block">

Myth丶恋晨/ 2022年12月19日 06:16/ 0 赞/ 247 阅读

相关 select控件onchange事件的兼容性问题

html控件select的onchange事件可以处理当用鼠标改变select的值时要做的事情但是我在做的时候发现在firefox下，用键盘上下来改变select值时不触发

た入场券/ 2022年09月20日 06:06/ 0 赞/ 216 阅读

相关 select onchange 事件的触发

做小组内使用的一个简单工具，其中要实现的一个小功能是当某个下拉菜单的选择值改变时触发另一表单元素的属性变化。自然的想到使用select表单元素的onchange事件。

怼烎@/ 2022年08月12日 14:29/ 0 赞/ 299 阅读

相关 Easyui combobox onChange事件

Easyui combobox onChange事件：注册事件： $(function () { $('cc_id').combob

比眉伴天荒/ 2022年07月18日 05:55/ 0 赞/ 241 阅读

相关 select onChange事件

select onChange事件，实现效果为,选择下拉框中的一个把他显示出来. <!DOCTYPE html> <html> <head>

快来打我*/ 2022年06月15日 07:41/ 0 赞/ 263 阅读

相关 combobox onchange事件

$('\projectStyle').combobox(\{ onChange: function (n, o)

ゞ浴缸里的玫瑰/ 2022年06月13日 13:13/ 0 赞/ 293 阅读

相关 radio的onchange事件

<div class="saoma31"> <div class="saoma32">

素颜马尾好姑娘i/ 2022年06月08日 02:37/ 0 赞/ 354 阅读

相关 onchange 事件

定义和用法 onchange 事件会在域的内容改变时发生。语法 οnchange="SomeJavaScriptCode" <table> <tb

ゞ浴缸里的玫瑰/ 2021年11月29日 04:08/ 0 赞/ 383 阅读