单击按钮

Question

我的网页中包含以下内容：-

<select id="customernames">
//options goes here
</select> 
<button id="myButton" class="float-left submit-button" >Home</button>
<script>
document.getElementById("myButton").onclick = function ()
{
var siteurl = $("#customernames").val()
alert(siteurl);       
window.location.href = siteurl;
};
</script>

我想做的是，当我单击按钮时，重定向到新的url（新网页），该URL将是选择列表中的一个选项值。 现在，我目前能够正确获取URL值，但是当我单击该按钮时，我将被重定向到当前页面，因此似乎window.location.href = siteurl;将忽略siteurl并仅重定向到当前页面页。有人可以建议吗？

Answer 1

jQuery click事件可以与return false一起使用，以防止表单提交

$(function() {

    $('#myButton').click(function() {
        window.location.href = $("#customernames").val();

        return false;
    });

});

或者正如@Kamae提到的，您只需在当前函数中添加e.preventDefault();