2

こんにちは、optgroup の私のラベルである値を動的に取得しています。今jqueryを使用して、動的な値と一致するoptgroupのみを表示したいと考えています。

<select class="form-select"  id="test">
  <option value="_none">- None -</option>
     <optgroup label="Personal / Web Conferencing">
       <option value="257"> 1 </option>
       <option value="374"> dd </option>
       <option value="332"></option>
     </optgroup>
     <optgroup label="Personanew">
       <option value="257"> 1 </option>
       <option value="374"> dd </option>
       <option value="332"></option>
     </optgroup>
     <optgroup label="Personalsss">
       <option value="257"> 1 </option>
       <option value="374"> dd </option>
       <option value="332"></option>
     </optgroup>
     <optgroup label="Personalsss">
       <option value="257"> 1 </option>
       <option value="374"> dd </option>
       <option value="332"></option>
    </optgroup>
 </select>

jqueryを使用してこれを行う方法。私はこれについて何も考えていません。optgroup の使い方 どうもありがとう

4

1 に答える 1

3

フィドルにinput typeどちらかhiddenまたはtext,がある場合、私はそれを推測しています: http://jsfiddle.net/79XUA/i used hidden

デフォルトでは、CSSでそれらを隠しました。

optgroup{display:none;} // no optgroup initially

hidden text input次に、 iの値に応じてjqueryを使用すると、それが示されました。

$('select optgroup[label="'+$('#opt').val()+'"]').show();
//---------------------------^^^^^^^^^^^^^^-------depending on hidden input value
//------------------------------------------------showed corresponding optgroup

上記のフィドルをチェックアウトできます。

于 2012-12-28T08:44:35.507 に答える