select onchange 事件的触发

怼烎@ 2022-08-12 14:29 310阅读 0赞

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

<select name="type" id="type" disabled="disabled" οnchange="setDelType(this)">
         <option value="1">1-分区表</option>
         <option value="2" selected="selected">2-普通表</option>
    </select>

下拉菜单的值通过JS更改：

...
    tableType = getTableType(DNS, port, DBName, tableName);
    if(tableType == 1){
        $("#type").val("1");
    }else if (tableType == 2){
        $("#type").val("2");
    }
    ...

结果发现下拉菜单的值发生变化时setDelType(this)并未被调用。原来，通过JS来改变select的值时不会触发其onchange事件的。只有通过鼠标或键盘操作，而且选择的值不同于原始值时才会触发该事件。若需通过JS改变select的值并触发onchange事件需要在代码中显式的触发一下。  
  
修改后的代码如下：

...
    tableType = getTableType(DNS, port, DBName, tableName);
    if(tableType == 1){
        $("#type").val("1");
        $("#type").change();
    }else if (tableType == 2){
        $("#type").val("2");
        $("#type").change();
    }
    ...

或者：

...
    tableType = getTableType(DNS, port, DBName, tableName);
    if(tableType == 1){
        $("#type").val("1").change();
    }else if (tableType == 2){
        $("#type").val("2").change();
    }
    ...

发表评论取消回复

表情：

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

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

相关阅读

相关 jquery 获取当前select onchange事件

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

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

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

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

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

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

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

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

相关 select onchange 事件的触发

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

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

相关 select onChange事件

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

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

相关 bootstrap-multiselect 手动触发onChange事件

我们用bootstrap-multiselect去渲染select选项后，必须要手动改变选项才会触发 onChange 的回调函数，但是有时候我们需要在代码中进行触发onCha

川长思鸟来/ 2022年06月12日 03:13/ 0 赞/ 652 阅读

相关 radio的onchange事件

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

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

相关 js点击select触发onchange函数

点击select 中的不同option,生效日期框填入不同的日期: <table width="800" border="0"> <tr>

野性酷女/ 2022年05月09日 01:06/ 0 赞/ 410 阅读

相关 onchange 事件

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

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

相关 js手动触发这个 onchange 事件

input type=txt 这个组件触发change事件，需要同时满足两个条件： 1. 获得焦点； 2. 值发生改变；注:select这类组件只要值改变即可触发ch

柔光的暖阳◎/ 2021年06月24日 15:59/ 0 赞/ 789 阅读