Javascript jquery选择“获取选定项时更改事件”选项

Javascript jquery选择“获取选定项时更改事件”选项,javascript,jquery,Javascript,Jquery,当用户选择一个选项时,我试图重定向到一个特定的url 这是我正在使用的代码 <select class="input-block-level" id="maqui" name="maqui"> <option value="tela">Maquilero</option> <option value="textil">textil</option>

当用户选择一个选项时,我试图重定向到一个特定的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>
我想重定向到/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>
使用此方法时,您应该注意以下几个谬误:

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

  • 如果浏览器记住了他的选择,如果用户想要选择他以前的选择,则不会触发onChange事件。因此,
    autocomplete=“off”


  • 什么是问题代码似乎很好??代码不重定向使用
    window.location.href
    而不是
    top.location.href
    ,如果您使用ifram,则使用
    parent.location.href
    ,这应该是工作感谢我解决了问题,我忘记了一些非常重要的东西:$(document).ready(function(){});谢谢我解决了这个问题,我忘记了一些非常重要的东西:$(document).ready(function(){});
    <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>
    
    $('#maqui').on('change', function (e) {
        window.location.href = "/ver/"+this.options[this.selectedIndex].value;
    });