1

わかりやすくするためにコメントした私のフィドルを見るだけで、これを説明するのがおそらく最も簡単です。基本的に、私はHarvestが選択data-urlしたプラグインを使用しており、その横に配置した「実行」ボタンを、選択したオプションの属性へのリンクにしようとしています。コンソールを頻繁に使用してデバッグを試みていますが、動作させることができません。

私はこれを実現したいだけです。選択したメニューからオプションを選択すると、[href移動]ボタンがその選択へのリンクになります。フィドルをチェックすると、すべてが明らかになります。

4

2 に答える 2

3

URLセレクターをに変更する

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

選択したオプションを囲む空の<option>タグを削除すると、修正されるようです。

OPから編集：

また、関数を次のように変更する必要があります

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

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

于 2012-12-20T22:01:32.670 に答える
0

データ属性を追加して、選択したものがそれを新しいリストに引き継ぐことを期待できるようには思えません。だから私はこれを提案します：あなたが選択をする前に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);

コンソール出力を見ると、それはあなたが求めていることをしていると思います。

編集：正確さのために更新されました。

于 2012-12-20T21:59:17.433 に答える