2

レビューされているユーザーのドロップダウン リスト、従業員の SelectList、および割り当てられたレビュー担当者の空の選択リストがあります。管理者が SelectList 内の従業員をダブルクリックすると、レビュー対象のユーザーの担当レビュー担当者 SelectList に追加されます。

ここに視覚的な写真があります：

調査 SelectList jQuery 選択オプション レビュー担当者 従業員

ご覧のとおり、Assigned Reviewers SelectList のすべてのオプションを jQuery で選択していますが、そのうちの 1 つをクリックすると、他のオプションの選択が解除され、選択したオプションのみがテーブルに追加されます。このリストを無効にすることはできますが、ユーザーがこのリストからも削除できるようにしたいと考えています。bttn submit でこのコードを使用してみましたが、選択したコードのみが追加されました。

        submit_bttn.click(function () {
        $('.selectionList select option').prop('selected', true);
    });

ダブルクリックで2番目の機能を追加して、選択した属性をオプションに追加しようとしましたが、これは機能しますが、ユーザーが範囲外をクリックすると削除されます。

私が考えたことの 1 つは、非表示の入力フィールドに値を格納することでしたが、これは不要であり、リストから削除するためのコードが増えると思います。

また、かみそりビューを使用しています: @Html.ListBox(selectList from viewbag)。

どんな助けでも素晴らしいでしょう。

4

2 に答える 2

9

「。」を忘れました selectionList の className: 

submit_bttn.click(function () {
    $('.selectionList select option').prop('selected', true);
});
  • 他の選択にクラス selectionList がある場合、セレクターは「select.selectionList オプション」(スペースなし) または単に「.selectionList オプション」である必要があります。

edit :
コメントに従って問題をデバッグし、フォームの送信にフックしてキャンセルし、すべてのオプションが選択されているかどうかを確認します。

//ページにフォームが 1 つしかない場合..
$("form").submit(function(event){event.preventDefault() });

于 2012-05-01T06:17:38.130 に答える
5

いくつかの調査の結果、DOM でプロパティを設定することが、すべてのオプションを選択し、選択したプロパティを選択ではなく true に設定する正しい方法であることがわかりました。

bttn 送信時に、すべてのオプションが強調表示されます!

    submit_bttn.click(function () {
        $('.selectionList option').each(function () {
            $(this).attr('selected', true);
        });
    });
于 2012-05-01T16:00:33.700 に答える