javascript - jquery select change event when get selected 选项

Question

当用户选择一个选项时，我试图重定向到一个特定的 url

这是我使用的代码

<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

Answer 1

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. 该事件只会触发onChange。因此，选择菜单中的默认禁用选项。

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