select标签的onchange事件如何触发?

399 阅读1分钟

方式一:

  <select id="parent">
        <option value="">请选择</option>
        <option value="I">信息传输、软件和信息技术服务业</option>
        <option value="J">金融业</option>
        <option value="K">房地产业</option>
        <option value="L">租赁和商务服务业</option>
        <option value="M">科学研究和技术服务业</option>
        <option value="O">居民服务、修理和其他服务业</option>
        <option value="P">教育</option>
    </select>
    
     <script>
        document.getElementById("parent").onchange = function () {
            console.log('触发了', this.options[this.selectedIndex].innerHTML);
        }
    </script>
    

方式二:

<select name=sel onchange="bao(this.options[this.options.selectedIndex].value)">
    <option value="">请选择</option>
    <option value="1">Item 1</option>
    <option value="2">Item 2</option>
    <option value="3">Item 3</option>
</select>

<script>
    function bao (s) {
        console.log('选中了', s);
    }
</script>