Question

您好我动态获取值，这是我在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 非常感谢

Answer 1

我猜你如果input type hidden或text，i used hidden位于小提琴中： http://jsfiddle.net/79XUA/

默认我用css隐藏它们。

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

然后根据我展示的hidden text input的值使用jquery。

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

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

根据标签选择jquery optgroup

1 个答案: