1

以下のコードから「オプション 1」を取得するにはどうすればよいですか。

<template name="MyTemplate">
   <div class="dropdown">
      <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#" aria-expanded="false">
         <button type="button" class="btn btn-sm btn-primary">Add</button>
      </a>
      <div class="dropdown-menu dropdown-alerts">
         <form method="post" id="some-form" data-remote="true" accept-charset="UTF-8">
            <div class="form-group">
               <label>Select Option</label>
               <div class="input-group">
                  <select class="chosen-select" tabindex="2">
                     <option value="op1">Option 1</option>
                     <option value="op2">Option 2</option>
                     <option value="op3">Option 3</option>
                  </select>
               </div>
            </div>
            <input type="submit" value="Add" data-disable-with="Saving..." class="btn btn-sm btn-success">
         </form>
      </div>
   </div>
</template>

スタイルに選択したプラグイン ( http://harvesthq.github.io/chosen/ ) を使用しています。したがって、ドロップダウン ノードは異なる方法で変換され、1 つのノードは次のようになります。

<a class="chosen-single" tabindex="-1">
    <span>Option 1</span>
</a>

ドロップダウンから選択した値を保持します。

テンプレートイベント内の私のコードは次のとおりです。

template.find("#some-form .chosen-single span");

それは私に与えています：

<span>Option 1</span>

そこから「オプション1」が欲しい。私がこのように書くと：

// giving "undefined"
template.find("#some-form .chosen-single span").html; 
or
// giving error :: Uncaught TypeError: undefined is not a function
template.find("#some-form .chosen-single span").html();
4

2 に答える 2

0 
template.find("#some-form .chosen-single span").text();
于 2015-04-27T11:02:30.363 に答える