Question

我正在尝试在用户选择选项

时重定向特定网址

这是我正在使用的代码

<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"

获取选择选项时，jquery选择更改事件

1 个答案: