jQuery + selected plugin：将url添加到所选选项

Question

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

我只想要这样：当您从所选菜单中选择一个选项时，转到按钮的href将成为该选择的链接。看看小提琴，一切都会变得清晰。

Answer 1

将您的网址选择器更改为

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

并删除选择选项周围的空<option>标记似乎可以修复它。

从OP编辑：

您还需要将功能更改为

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

http://jsfiddle.net/nickcoxdotme/3cdPp/8/

Answer 2

好吧，好像你可以添加一个数据属性并期望被选中将它带到你的新列表中。所以我建议：Create an array of the urls before you make the chosen and stach the url by the option name.

我补充说：

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);            

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

编辑：更新了准确性。