Question

我不确定我是否正确地提出这个问题......我认为我已经找到了各种资源/示例。我在PHP工作，但认为这是一个jQuery或Ajax类型的解决方案。

1）我想在顶部显示一个下拉状态下拉选项的页面，并且还包含指向同一页面下拉列表下方其他类别页面的链接。

2）当选择一个状态（并在同一页面上）时，所选值将直接传递给这些链接。

所以，如果我选择“FL”，那么$ state会在链接中填充FL。

我知道我已经在某个地方看到了这种类型的功能，但似乎是在寻找一个空白的例子。

Answer 1

假设我理解您的问题，并且您希望将选定的州代码作为查询字符串参数附加到链接URL，您可以这样做：

// add a handler to the select element
$('#state').change(function() {
    // get the state code
    var stateCode = $(this).val();
    if (stateCode) {
        // attach it to each link
        $('a.categorylink').each(function() {
            var href = $(this).attr('href')
                // cut off any existing querystring
                .split('?')[0];
            // add a new querystring
            href += '?state=' + stateCode;    
            // set the revised url
            $(this).attr('href', href)
        });
    }
});

这假设您在这些链接中没有任何其他查询字符串参数。您可以在此处查看工作版本：http://jsfiddle.net/nrabinowitz/PbmL9/

选定值传递（$ var）到同一页面上的其他链接

1 个答案: