Question

这里有一个关于这个问题的类似问题，但我似乎无法让它发挥作用。

因此，当点击链接时，url会将值传递给此页面上的下拉列表，以便预先填充。

    <script type="text/javascript">
$(document).ready(function () {
    $('#idOptions').on('change', function () {
        window.location.assign('/string.html?strings=' + $(this).val());
    });
});
</script>

<select id="idOptions">
        <option>option1</option>
        <option>option2</option>
        <option>option3</option>
        <option>option4</option>
        <option>option5</option>
</select>

然后下面的链接在另一页上。

string.html？字符串=选项

基于此示例http://jsfiddle.net/73PEg/

Answer 1

就像这样

关于更改或点击事件，无论您需要什么

document.location.href = "http://someurl" + $("#idOptions").val();

window.location = "http://someurl" + $("#idOptions").val();

Answer 2

两件事：

当您需要所选选项值时，您的代码将获取选择值。
您的选项没有任何价值，因此您必须获取选项的文字。

以下是您需要的代码：

$('#idOptions').on('change', function () {
    window.location.assign('/string.html?strings=' + $(this).find('option:selected').text());
    // window.location.assign('/string.html?strings=' + $(this).find('option:selected').val()); // Use this one to get the option value instead of the text
});

And a fiddle.

基于url中的查询字符串选择的下拉值

2 个答案: