11

次のような選択リストがあります。

<select id="selectlist" name="selectproduct" >
    <option value=""> --- Select product  --- </option>
    <option value="1">Product 1</option>
    <option value="2">Product 2</option>
    <option value="3">Product 3</option>
    <option value="4">Product 4</option>
</select>

残念ながら編集できません。デフォルトで「製品 4」オプションを非表示にする方法はありますか? CSSでやってみたのですが、IEではうまくいきません。

4

11 に答える 11

10

非表示にするには、span タグで囲みます。

$( "#selectlist option[value=4]" ).wrap( "<span>" );

それを表示するには、span タグがある場合はそれをアンラップします。

if ( $( "#selectlist option[value=4]" ).parent().is( "span" ) ){
    $( "#selectlist option[value=4]" ).unwrap();
}
于 2013-09-11T15:31:06.750 に答える
5

optioncss を使用してオプションを非表示にすることは IE ではサポートされていないため、 s リスト自体を更新する必要があります。

次のようなものを試してください

$('#selectlist option[value=4]').remove();

デモ:フィドル

または、後で有効にする場合

var sel = $('#selectlist');
var opts = sel.find('option');

$(':checkbox').click(function(){
    sel.empty().append(this.checked ? opts : opts.filter('[value!=4]'));
}).click()

デモ:フィドル

于 2013-07-15T11:05:27.443 に答える
3

スクリプトに次の行を含めることで、オプションを非表示にできます。

    $("#selectlist option[value='4']").hide();

このオプションを再度表示したい場合は、次の行を使用します。

   $("#selectlist option[value='4']").show();
于 2014-08-12T07:38:07.307 に答える
2

時間を節約するために、次の回答をお読みください。

OK、数時間検索したところ、可視性を非表示に設定するなど、すべてのブラウザーで「非表示」にする (ドロップダウン リストからオプションを一時的に非表示にすることを意味する) 方法がないことに気付きました。または style="display: none"。

私の最終的なアプローチは次のとおりです。 1. ドロップダウン リストのすべてのオプションを格納する配列を作成します。2. メソッドを使用して、表示したい内容に従ってドロップダウン リストを動的に更新します。

ライブラリを使用せずにドロップダウンリストを使用する場合は、それだけです

于 2015-11-06T09:58:25.813 に答える
0

このリンクを参照してください

http://jsfiddle.net/DKKMN/

<select id="selectlist" name="selectproduct" >
 <option value=""> --- Select product  --- </option>
 <option value="1">Product 1</option>
 <option value="2">Product 2</option>
 <option value="3">Product 3</option>
 <option value="4" id="i">Product 4</option>
</select>


#i{display:none;}

IDを作成し、スタイルで非表示にします

于 2013-07-15T11:05:47.343 に答える
0

あなたもJQueryを使っていると思います。

$("#selectlist option[value='option4']").remove();
于 2013-07-15T11:08:28.647 に答える
0

disabled 属性でそのオプションを無効にしてみてください。

<select id="selectlist" name="selectproduct" >
 <option value=""> --- Select product  --- </option>
 <option value="1">Product 1</option>
 <option value="2">Product 2</option>
 <option value="3">Product 3</option>
 <option value="4" disabled="disabled">Product 4</option>
</select>

デモをチェック

于 2013-07-15T11:03:45.843 に答える
0

Javaスクリプトを使用して、オプションのリストの下に子を追加します。

`var option = document.createElement("option");
 option.text = "All Users";
 option.value = "all_user";
 var select = document.getElementById("log_user_type");
 select.appendChild(option);`
于 2014-08-14T08:03:43.737 に答える
0

選択リストからいくつかのオプションを削除したい場合は、次のコードを使用できます。

<script type="text/javascript">
    $(window).bind("load", function() {    
        $('#select_list_id option[value="AB"],option[value="SK"]').remove();
    });
</script>
于 2017-01-18T05:52:01.170 に答える