select下拉框如何触发函数并传递参数

select下拉框和函数触发怎么写

首先需要写select下拉框的HTML代码，标准格式如下

<form>
    <select id="para_region" name="para" onchange="change()">
        选择1option>
        选择2option>
        选择3option>
    select>
form>

这里要特别注意，触发函数要写在select的便签上！

因为选项是不能自己触发事件的，select才能注册事件，像下面这样的写法都是不正确的，不会触发任何函数。

选择1option>
选择2option>
选择3option>

触发函数怎么接收传递参数

那这样怎么传递参数呢，可以使用jquery方法去获取下拉框的选择项的值，然后根据不同的值去触发对应的函数

<script>
    function change(){
      
        // 获取参数
        var vs = $('select option:selected').val();
        // 触发对应的函数
        if (vs==1){
      showchart1();}
        if (vs==2){
      showchart2();}
        // 检查参数是否正确
        document.getElementById("demo2").innerHTML=vs;
    }
script>