2

私はMVC4 Webアプリケーションに取り組んでいます。すべて正常に動作していますが、プロジェクトの最後に、ほぼ20ページにある各ドロップダウンリストの横にプラスアイコンを表示する必要があるという新しい要件が1つありました。

ここに画像の説明を入力

上記の項目ドロップダウンリストの画像では、アイコンを手動で追加しましたが、完全なプロジェクトに存在するすべてのドロップダウンリストにこのアイコンを追加したいと考えています。このアイコンをクリックすると、ポップアップが開き、テキスト ボックスが表示されます。ユーザーはこれに新しいアイテムを入力して保存します。

ページの一般的な構造は次のとおりです。

<div runat="server" id="divFormLayout" class="formLayout">
<div class="TabSectionL" style="width: 99%">
        <span class="TabSectionHeader">Item Details</span>
        <table cellpadding="4" cellspacing="4">
            <tr>
                <td>
                    Item
                </td>
                <td>
                    @if (ViewData["ItemDesc"] != null)
                    {
                        @Html.DropDownListFor(m => m.str_itemdsc, (SelectList)(ViewData["ItemDesc"]), "-Select-", new { @class = "validate[required] cairs_item_dropdown", tabindex = "1" })

                    }
                    else
                    {
                        @Html.DropDownList("str_itemdsc", new SelectList(""), "", new { tabindex = "1" })
                    }

                </td>
        </tr>
        </table>
    </div>
</div>

問題：各ドロップダウンリストの横にプラスアイコンを動的に追加するにはどうすればよいですか。

4

2 に答える 2

0

それを実現するために、いくつかのjqueryコードを使用できます。

ドロップダウンはタグ内にある<td>ため、DDL を選択してから、アイコンをその親 (実際には<td>. したがって、このコードを に入れます_Layout:

<script>
    $(document).ready(function () {
        $("select").parent().append("<img src='...' />");
    });
</script>
于 2013-08-20T08:07:39.367 に答える