1

私はselect2プラグインを使用していますが、style="display:none".

これは私のコードです:

$(document).ready(function () {
   $(".selectPretty").select2({
   }); 
});

<select class="selectPretty" name="charge_to">
      <option selected style="display:none">Need to hide</option>
      <option>Another Data</option>
</select>
4

1 に答える 1

0

select2 をレンダリングすると、通常、この html が生成されます。

<div class="select2-container" id="s2id_my_unique_id" style="width: 67%;"><a href="javascript:void(0)" onclick="return false;" class="select2-choice" tabindex="-1">   <span>Select me!</span><abbr class="select2-search-choice-close" style="display:none;"></abbr>   <div><b></b></div></a><input class="select2-focusser select2-offscreen" type="text"><div class="select2-drop select2-with-searchbox" style="display:none">   <div class="select2-search">       <input type="text" autocomplete="off" class="select2-input">   </div>   <ul class="select2-results">   </ul></div></div>

html で選択した ID が定義されていない場合、通常は「s2id_autogen1」のような ID が生成されます。

CSS を使用して非表示にする JSFiddle と、使用する jQuery セレクターを次に示します。

http://jsfiddle.net/bitclaw/SLvA7/

于 2014-03-18T13:56:48.443 に答える