2

この質問を正しく表現したかどうかはわかりません。MongoDB からドキュメントを編集するためのフォームがあります (Tornado テンプレートを使用)。[編集] をクリックすると、フォームが事前入力されたページに移動します。私が持っている形式で：

{% for group in doc.groups %}
     <div class="groupMenu">
         <select name="gName0" id="groupDropDown">
              <option value="group1">Group 1</option>
              <option value="group2">Group 2</option>
              <option value="group3">Group 3</option>
         </select>
     </div>
{% end %}

私は jQuery があまり得意ではないので、ユーザーが編集をクリックしてフォームに入力すると、ドロップダウンのデフォルトがgroup各ドロップダウンに設定されるように、どのように関数を作成するのかを尋ねたかったのですか?

自分自身を正しく説明できたことを願っています。

編集: 内容に応じて、selected="selected" を group1、group2、または group3 にする必要groupがあります。

4

1 に答える 1

4

Using the {% if condition %}{% end %} template tags, you could do this:

{% for group in doc.groups %}
     <div class="groupMenu">
         <select name="gName0" id="groupDropDown">
              <option {% if group == 'group1' %}selected="selected"{% end %} value="group1">
                  Group 1
              </option>
              <option {% if group == 'group2' %}selected="selected"{% end %} value="group2">
                  Group 2
              </option>
              <option {% if group == 'group3' %}selected="selected"{% end %} value="group3">
                  Group 3
              </option>
         </select>
     </div>
{% end %}

If you wanted to use jQuery to do this, you could put the value in a hidden input field:

<input class="default_group" type="hidden" value="{% group %}" />

And then you could grab that value in jQuery, and set the selected option:

var group = $('input.default_group').val();
$('option[value="'+ group +'"]').attr('selected', 'selected');​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Here's the jsfiddle demonstrating this.

于 2012-12-10T01:51:00.167 に答える