html selectにデフォルトオプションが表示されない

「デフォルト」オプションが表示されないselectがあります。これは次のようになります。html selectにデフォルトオプションが表示されない

<select id="sortBy" name="sortBy" onchange="if(guestLightbox()) {sortPropertyBy(this.value);}"> 
<option class="quality_score_member hideWhenResaleMLS" value="quality_score_member-desc">Default</option> 
<option class="auction_date hideWhenForeclosures hideWhenPreForeclosures hideWhenResaleMLS hideWhenFSBOOrRentalOrRTO" value="auction_date">Auction Date</option> 
<option class="home_score-desc" value="home_score-desc">SmartZip HomeScore</option> 
<option class="investor_score-desc" value="investor_score-desc">SmartZip InvestorScore</option> 
<option class="amount" value="amount">Price (low to high)</option> 
<option class="amount-desc" value="amount-desc">Price (high to low)</option> 
<option class="living_area_square_feet" value="living_area_square_feet">Square Feet (low to high)</option> 
<option class="living_area_square_feet-desc" value="living_area_square_feet-desc">Square Feet (high to low)</option> 
<option class="scrape_date-desc" value="scrape_date-desc">Most Recent</option> 
<option class="sale_type" value="sale_type">Sale Type</option> 
<option class="property_record_type" value="property_record_type">Property Type</option> 
</select>

誰かが説明する理由はありますか？

ありがとうございました。 Jsfiddle

<select id="sortBy" name="sortBy" onchange="if(guestLightbox()) {sortPropertyBy(this.value);}"> 
    <option class="quality_score_member hideWhenResaleMLS" value="quality_score_member-desc">Default</option> 
    <option class="auction_date hideWhenForeclosures hideWhenPreForeclosures hideWhenResaleMLS hideWhenFSBOOrRentalOrRTO" value="auction_date">Auction Date</option> 
    <option class="home_score-desc" value="home_score-desc">SmartZip HomeScore</option> 
    <option class="investor_score-desc" value="investor_score-desc">SmartZip InvestorScore</option> 
    <option class="amount" value="amount">Price (low to high)</option> 
    <option class="amount-desc" value="amount-desc">Price (high to low)</option> 
    <option class="living_area_square_feet" value="living_area_square_feet">Square Feet (low to high)</option> 
    <option class="living_area_square_feet-desc" value="living_area_square_feet-desc">Square Feet (high to low)</option> 
    <option class="scrape_date-desc" value="scrape_date-desc">Most Recent</option> 
    <option class="sale_type" value="sale_type">Sale Type</option> 
    <option class="property_record_type" value="property_record_type">Property Type</option> 
</select>

出典

2012-03-07 George

CSSクラスの「quality_score_member hideWhenResaleMLS」には何が含まれていますか？ –

そのクラスは実際には存在しません。 – George

あなたは正しいのですが、それはクラスのためですが、理由はわかりません。 – George

私はこのエラーに誰かがページを開発し、更新を確認するためにリフレッシュされてかなりの数回を見てきました。あなたのブラウザには通常、最後に選択したオプションが表示されます。以前に選択したオプションの上または下にオプションを追加した場合も同様です。

最初からページに戻ってください（リフレッシュを使用しないでください）。それが問題を解決するかどうかを教えてください。

出典

2012-03-07 11:16:19

にここで働い

出典

2012-03-07 11:19:51 trex005

いいえ、それは問題ではありません。実際、このHTMLを消費するいくつかの異なるタブがあり、そのうちの1つだけが最初のオプションを表示していません。 – George

SELECTED（またはselected='selected'または同様の[upd]）の属性をOPTIONで試してください。私はこのために見ることができます

出典

2012-03-07 11:29:19

唯一の理由はdisplay: none、visibility: hidden、または他のいくつかの要素隠蔽CSSプロパティを定義し、あなたのCSSクラス

quality_score_member hideWhenResaleMLS

の一つです。

編集：このオプションを削除するとjQueryが判明します。他の唯一の理由はこれだけです）

出典

2012-03-07 11:36:32

Google ChromeのElementsセクションで表示されている要素は、除外されているだけです。 – George

@George除外方法？ –

は表示されません。私はそれがどこから来たのかを知った。 $（ '。hideWhen $ {saleCategoryType}'）。remove（）; ありがとうございました。右のところに – George

html selectにデフォルトオプションが表示されない

答えて

関連する問題