j查询选择“获取选择时更改事件”选项

jquery select change event when get selected option

本文关键字：选择 事件 选项 查询 获取      更新时间：2023-09-26

当用户选择一个选项时，我正在尝试重定向特定网址

这是我正在使用的代码

<select class="input-block-level" id="maqui" name="maqui">
                <option value="tela">Maquilero</option>
                <option value="textil">textil</option>
                <option value="tipo">tipo</option>
                    </select>

和脚本

 $('#maqui').on('change', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    top.location.href="/ver/"+valueSelected;
});

我想重定向到/ver/valueSelected

HTML 

<select class="input-block-level" id="maqui" name="maqui" autocomplete="off">
                <option selected disabled>Please select an option</option>
                <option value="tela">Maquilero</option>
                <option value="textil">textil</option>
                <option value="tipo">tipo</option>
</select>

.JS

$('#maqui').on('change', function (e) {
    window.location.href = "/ver/"+this.options[this.selectedIndex].value;
});

使用此方法时，您应该注意一些谬误：

  1. 该事件只会在更改时触发。因此，选择菜单中的默认禁用选项。

  2. 如果浏览器记住了他的选择，那么如果用户想要选择他以前的选择，他将不会触发 onChange 事件。因此autocomplete="off"

相关文章：