HTMLでの完璧なソリューションは、問題を非表示にするオプションを選択することはできません。

開発プロセスは、初めてその百度の問題を解決するために、この問題が発生するものではありません。次のような結果が得られ:

1、最初のセットオプションの表示:どれも確かに実現可能な解決策ではないではありません。
2、ユーザーは2つのソリューションを提案:
オプションタグ無効=「無効」属性を持つAトップは利用できませんを示しますが、このスキーム。そのオプションが選択されていないが、非表示にしませんでしたことができるように
、B。あなたが出て非表示にしたい場合は、オプションは、DOMツリーから削除され、その後、キャッシュオプションを削除し、DOMツリーに表示される時に追加されたキャッシュオプションから削除することができます
確かに要件を満たしていません。
C、究極のプログラムは(テストされており、すべてのブラウザとの互換性):表示させたい場合はオプションと親タグに、親タグを非表示にするには、[ここでspanタグを使用する]を設定し、その後、親ラベルを除去することができます。

しかし、上記のやったことを多くの方法ので、

最終ソリューション:

//将select通过clone方法保存
var select= $("#select").clone();

//删除所有的option
$("#select").find('option').remove();

//查找出需要显示的option并复制
var options = select.find("option[value=1]").clone();

//将需要显示的option添加到select中
$("#select").append(options);

//因为option.remove()不会刷新控件,需要将新的option切换上去
//这里排除了options.size() == 0的情况
$("#select").find('option').eq(0).attr("selected",true);

それがすべてです。

おすすめ

転載: www.cnblogs.com/homehtml/p/12577629.html
おすすめ