jquery - jQuery + 选择的插件：将 url 添加到选定的选项

Question

如果您只看我的fiddle，这可能是最容易解释的，为了清楚起见，我已经对其进行了评论。基本上，我使用的是 Harvest选择的插件，我只是想让我放在它旁边的“开始”按钮data-url成为所选选项属性的链接。我大量使用控制台来尝试调试，但我无法让它工作。

我只是希望这种情况发生：当您从所选菜单中选择一个选项时，hrefgo 按钮将成为该选项的链接。看看小提琴，一切都会变得清晰。

score 3 · Accepted Answer

将您的 url 选择器更改为

url = $('#cancer-select option:eq(' + selectedIndex + ')').attr('data-url');

并删除您的选择选项周围的空<option>标签似乎可以解决它。

从OP编辑：

您还需要将功能更改为

$('#button-go').attr('href', '' + url);

score 0 · Accepted Answer

好吧，您似乎无法添加数据属性并期望选择的人将其带到您的新列表中。所以我建议：在选择之前创建一个 url 数组，并通过选项名称附加 url。

我添加了这个：

var dataURLS = new Array();

var options = $('option');

options.each(function(){
    dataURLS[$(this).text()] = $(this).attr('data-url');
});

并改变了这一点：

url = $('#cancer-select option:eq(selectedIndex)').attr('data-url');

对此：

url = dataURLS[$(this).text()];
$('.chzn-single').attr('href',url);

查看控制台输出，我认为它可以满足您的需求。

编辑：更新的准确性。

2 回答 2