それを無効にせずにコンボボックスオプションを選択できないようにすることは可能ですか? [複製] -- iphone フィールド と mobile フィールド と safari フィールド と html フィールド 関連 問題

Is it possible to make Combo box option unselectable without disabling it? [duplicate]












2
vote

問題

日本語

可能な重複:
IOS Safari

での選択オプションを無効にする

Safari Mobile Browserは無効になっていないため、「無効」属性をサポートしていないため、選択ボックスオプションを無効にすると、イベントやその他の方法で行うことができますか?

<事前> <コード> <select> <option value="monthly" disabled="disabled">Month</option> <!-- do not get disabled on iphone --> <option value="yearly">Yearly</option> </select>

ありがとう。

英語

Possible Duplicate:
Disable select option in IOS Safari

Since safari mobile browser do not support disabled="disabled" attribute hence I am looking for other way to make select box option look disabled may be through events or some other way around ?

<select> <option value="monthly" disabled="disabled">Month</option> <!-- do not get disabled on iphone  --> <option value="yearly">Yearly</option> </select> 

Thanks.

</div
           
   
   

回答リスト

2
 
vote
vote
ベストアンサー
 

を追加することができます:

<事前> <コード> onchange="selectValidate(this, 1)"

あなたのHTMLに、そしてJavaScript:

<事前> <コード> function selectValidate(refSelect, defaultIndex) { if(refSelect.options[refSelect.selectedIndex].hasAttribute("disabled")) { alert("You can't select that value"); refSelect.selectedIndex=defaultIndex; } }

テストされていませんが、それはうまくいくはずです。


ルックアンドフィール:

CSSを使用して無効なアイテムを指定できると思います。

例:

<事前> <コード> select option[disabled] { background-color:#FBFBFB; }

CSSをサポートすることを想定しているため、Safariにも機能する可能性があります。

 

You could add a:

onchange="selectValidate(this, 1)" 

To your HTML and then in javascript:

function selectValidate(refSelect, defaultIndex) {      if(refSelect.options[refSelect.selectedIndex].hasAttribute("disabled"))      {            alert("You can't select that value");            refSelect.selectedIndex=defaultIndex;      } } 

Not tested but it should work.


FOR THE LOOK AND FEEL:

I think that you can use the CSS to specify your disabled items.

Example:

select option[disabled] {     background-color:#FBFBFB; } 

It may work on Safari as well since it's supposed to support CSS.

</div
 
 
0
 
vote

jQueryコンボボックスプラグインを使用しても構わないと思っていますか? 私はこの1つとそれはあなたの要求に合うようです。

 

Are you willing to use a jquery combo box plugin? I googled for this one and it seems to fit your requirements.

</div
 
 

関連する質問

80  WebサービスからHTML文書を印刷する方法  ( How do i print an html document from a web service ) 
C#WebサービスからHTMLを印刷したいです。 Webブラウザコントロールはオーバーキルであり、サービス環境ではうまく機能しないため、非常に厳しいセキュリティ制約を持つシステムではうまく機能しません。基本的なHTMLページの印刷をサポートする<コード> 9...

76  ハイフンのような特殊文字の後に単語を破る方法( - )  ( How to break word after special character like hyphens ) 
比較的単純なCSS: <コード> div { width: 150px; } <コード> <div> 12333-2333-233-23339392-332332323 </div> 文字列が width に制約される...

635  ユーザーのタイムゾーンを決定します  ( Determine a users timezone ) 
WebサーバーがWebページ内のユーザーのタイムゾーンを決定できるようにするための標準的な方法はありますか? おそらくHTTPヘッダーまたは<コード> Form7 string? ...

31  私は私のウェブサイトをiPhoneのアイコンに与えるのですか?  ( How do i give my websites an icon for iphone ) 
私が作成したWebサイトの iPhone に適切なアイコンを設定する方法は? ...

4  Webの未来は何ですか? XHTML 2、HTML 5、または何か他のもの?  ( Whats the future of the web xhtml 2 html 5 or something else ) 
新しいバージョンのHTMLとXHTMLの新しいバージョンの両方の議論と進歩に混乱しています。彼らは競争相手ですか?もしそうなら、Webの採用された未来になることが最も好意的ですか?そうでなければ、それぞれの競合されていない目的は何ですか? ここではBluray...

142  定義されたフォントのどれがWebページで使用されていたかを検出する方法  ( How to detect which one of the defined font was used in a web page ) 
私のページに次のCSSルールがあるとします。 <コード> body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ユーザーのブラウザで定義されたフォントの1つを使用...

303  Internet Explorer 7の絶対に配置された親のパーセント幅の子要素の幅が崩壊したのはなぜですか。  ( Why did the width collapse in the percentage width child element in an absolutel ) 
私は、いくつかの子供を含む絶対に配置された div があり、そのうちの1つは比較的配置された div です。子<コード> Form1 で Form0 を使用すると、IE7の Form2 に折りたたみますが、FirefoxまたはSafariではなく。 For...

0  リスト項目でディスクを取り除く  ( Getting rid of disc in list item ) 
jQueryを使用してサイトを開発し、jQuery UIタブを作成しています。何らかの理由で、私のタブ(順序付けられていないリスト)は、OS XのFirefox 3を除くすべてのブラウザ(これまでにテスト済み)に弾丸を表示しています.Safari OS X、...

273  HTML形式の複数の送信ボタン  ( Multiple submit buttons in an html form ) 
HTMLフォームにウィザードを作成しましょう。 1つのボタンが戻ってき、1つが進みます。 ENTER を押すと、背面ボタンが最初に表示されているので、そのボタンを使用してフォームを送信します。 例: <コード> <form> <!-- Pu...

5  CSSのテーブルを垂直方向に揃える方法  ( How to vertically align a table in css ) 
画面の途中でテーブルをCSS?に垂直に揃える方法 ...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有