根据标签选择jquery optgroup

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就是：

默认情况下，我用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

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