2017-03-13 5 views
0

「select-option」タグを使用するのは初めてのことです。ここで html.ActionLinkはhtmlオプションタグでは機能しません

は私の問題です: 私は別のファイルの種類(XLS、DOCなど)にデータをエクスポートするためにこれを作成している:それは私が選択することができます

<select class="btn btn-xs"> 
 
        <option selected>Export to....</option> 
 
        <option>@Html.ActionLink("Export to Word", "ExportToWord", "Stock", FormMethod.Post)</option> 
 
        <option>@Html.ActionLink("Export to Excel", "Excel", "Stock", FormMethod.Post)</option> 
 
       </select>

選択したエクスポートのタイプですが、データはエクスポートされません。だから私はちょっと調べましたが、私を助けてくれるものは見つかりませんでした。

ここに例があります:Is there anyway to make actionlinks work inside a dropdownまたはこのリンクからの他のもの:using href links inside <option> tag。しかし、私はすべてのコードが同じコントローラの中にあるかどうかは分かりません。

+1

その無効なHTMLので(コンテンツだけがテキストで許さ) –

+0

あなたは –

+0

'SELECT'と' option'は、フォームタグです説明していただけます。 'a'タグは有効なリンクではありません。 –

答えて

0

オプションタグ内に要素を含めることはできません(アクションリンクはタグを作成します)。 ドロップダウンから選択されたリンクに移動する場合は、変更イベントで発生するようにします。 <option value="http://stackoverflow.com">のようなアドレスを持つ属性を使用します。 changeイベントでvalue属性を見て、それを使用します。

例:

$('#dropdownID').on("change", function() { 
 
    var ddURL = $('option:selected', this).attr('value'); 
 
    window.location.href = ddURL; 
 
});

+0

例を共有できますか。 –

+0

例が追加されました。おそらく、ユーザーはドロップダウンでそのようなページを変更するとは思わないでしょう。 –

+0

情報ありがとうございます。 –

関連する問題