文章/答案/技术大牛

发布

社区首页 >问答首页 >url地址栏中的jquery代码

问url地址栏中的jquery代码
EN

Stack Overflow用户

提问于 2013-12-27 15:03:57

回答 2查看 2K关注 0票数 0

我有2个html <select>，我希望使用从选择列表中的值重定向到一个页面。

我想实现的是，如果我从两个选择列表中选择option1，将页面定向到http://localhost/option-1/option-1等等。

我现在得到的是地址栏中的jquery负载，所以我得到了一个404，其中包含这样的消息，而不是我所期望的。

请求的URL /test/function (e){var n，r，i，o=this；{if(arguments.length)返回i=b.isFunction(e)，this.each(函数(N){var o，a=b( this )；1===this.nodeType&&)(在此服务器上找不到o=i)

下面是我的一些测试代码，这些代码不起作用，也不符合我的预期。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
</head>
<body>

<select id="choose-type">
    <option value=" " selected="selected">Type</option>
    <option value="option-1">Option 1</option>
    <option value="option-2">Option 2</option>
    <option value="option-3">Option 3</option>
</select>

<select id="urlList">
    <option value=" " selected="selected">Subject</option>
    <option value="option-1">Option 1</option>
    <option value="option-2">Option 2</option>
    <option value="option-3">Option 3</option>
</select>

<input type="button" name="go" value=" " id="finder-button" />


<script type="text/javascript">
    $(document).ready(function() {
        $("#finder-button").click(function(e) {
            window.location.href = 'http://localhost/test/'+($("#choose-type").val)+'/'+($("#urlList").val);
            return false;
        });
    });
</script>
</body>
</html>

jquery

window.location

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-12-27 15:05:12

.val()是一个函数，您需要在它的末尾添加()来调用它

window.location.href = 'http://localhost/test/' + $("#choose-type").val() + '/' + $("#urlList").val();

当您只使用.val时，它返回对jQuery.fn.val函数的引用，然后它将用于字符串连接，这将将函数定义添加到字符串中。

票数 2

Stack Overflow用户

发布于 2013-12-27 15:07:25

使用$("#choose-type").val();。在本例中，.val是输出其源的函数的名称。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20802868

复制

相似问题

问url地址栏中的jquery代码
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问url地址栏中的jquery代码EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问url地址栏中的jquery代码
EN