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,在小提琴中:texthttp : //jsfiddle.net/79XUA/i used hidden

默认情况下,我用 css 隐藏它们。

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

然后根据hidden text inputi 的值使用 jquery 显示它。

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

你可以检查上面的小提琴。

于 2012-12-28T08:44:35.507 回答