js原生代码给select选择框实现onchange事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js原生代码给select选择框实现onchange事件相关的知识,希望对你有一定的参考价值。

<select name="limit" onchange="selectStages()"> //绑定onchange事件
                    <option>请选择期限</option>
                    {loop $limit $item}
                        <option value="{$item}">{$item}</option>
                    {/loop}
</select>
function selectStages(){
    var selectNodesObj = document.getElementById(‘qx‘);
    var selIndex = selectNodesObj.selectedIndex;     //获取当前选择的选项的index值
    var selValue = selectNodesObj.options[selIndex].value; //获取当前选择项的值
}

以上是关于js原生代码给select选择框实现onchange事件的主要内容,如果未能解决你的问题,请参考以下文章

jQuery/原生JS实时监听input输入框值变化

如何触发下拉框下拉事件

JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转传参

vue下拉框如何控制onblur和onchange

通过 onchange 事件将 SELECT 的值传递给 Javascript 函数?

JS实现用下拉框控制文本框的显示与隐藏?