- 締切済み
<select> をmultiple にしている場合で、指定したサイズ
<select> をmultiple にしている場合で、指定したサイズより、optionが多い場合には、 スクロールバーが出ると思いますが、 下の方のoptionでスクロールしないと見れない項目を初期選択状態にしても、 最初にリストを表示したときには、スクロールが一番上にある状態で、 初期選択されているoptionが見えない状態になってしまいます。 multipleではないときは、初期選択状態のoptionのところまでスクロールバーが移動していて、 リストを表示したときには、スクロールバーを移動しなくても、初期選択のoptionを見ることができます。 【▼初期選択が見れるようにスクロールが移動している】 <HTML> <SELECT name="color" size=6 > <option value="red"> 赤 <option value="blue"> 青 <option value="yellow"> 黄 <option value="white" > 白 <option value="black"> 黒 <option value="purple"> 紫 <option value="orange"> オレンジ <option value="pink"> ピンク <option value="gold"> ゴールド <option value="silver" selected> シルバー </SELECT> </HTML> 【▼初期選択が見えない。スクロールが一番上にある】 <HTML> <SELECT name="color" size=6 multiple> <option value="red"> 赤 <option value="blue"> 青 <option value="yellow"> 黄 <option value="white" > 白 <option value="black"> 黒 <option value="purple"> 紫 <option value="orange"> オレンジ <option value="pink"> ピンク <option value="gold"> ゴールド <option value="silver" selected> シルバー </SELECT> </HTML>
- HAWAI777
- お礼率32% (33/101)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- fujillin
- ベストアンサー率61% (1594/2576)
multipleの場合「複数選択可能」なので、必ずしも、一つだけ選択状態になっているわけではないのでは？ 同時に表示できない、2つが選択されている場合はどうするのでしょうか？ もし、初期状態が必ず一つ選択で、それを表示させておきたいというのであれば、No1様の回答のように最初に書いておけばよさそうですね。 optionの順番を変えてもよいのであれば、スクリプトで選択されている項目（複数可）を先頭に移動するとか？ 実際には、ご提示の後半のソースのままで、fx(3.5)やOpera（10）では初期表示で「シルバー」の部分が表示された状態になりますけれど？
- yyr446
- ベストアンサー率65% (870/1330)
単に <option value="silver" selected> シルバー を<option>の先頭に書けば、よいだけじゃない。 それとも、毎回先頭の項目を変えたいという希望？
関連するQ&A
- jquery での <select multiple="true" > について
jquery (ver1.2.6) で、<select multiple="true"> 内の option を、 全て selected 状態にする方法がわかりません。 単純な <select> タグであれば、 $("select").val("hogehoge"); のように、value にセットすれば選択状態になるみたいなのですが、 multiple の場合はどのように行うのでしょうか。 試しに記述してみたソースは以下のようなものなのですが、 動作いたしません、、 $('#selecttest').each(function() { $(this).attr('selected', 'selected'); }); もしよろしければ、コードまたは参考URLを教えていただけないでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- multipleを使用するとプルダウンの表示がおか
質問させて頂きます。 現在急遽仕事でHTMLとPHPによるページにアンケートを追加するという作業を任されたのですが 知識が無い分野で困っております。 内容は現在あるプルダウンを複数選択にするとプルダウンの▼がなくなり 常に開かれた状態になってしまいます。 更に問題なのが一行半分の高さしか開かないので狭い範囲をスクロールする状態になってしまいます。 最初はCSSが原因かと思いCSSを切ってみたのですが改善されませんでした。 ブラウザはファイヤーフォックス、クローム、オペラで確認しました。 記述は現在下記のように行っています。 <select size='1' multiple> <option value=''> </option> <option value="0" >あああ</option> <option value="1" >あああ</option> <option value="2" >あああ</option> <option value="3" >あああ</option> <option value="4" >あああ</option> <option value="5" >あああ</option> </select> チェックボックスで複数選択のやり方も考えたのですが何故か結果を表示するときに array になってしまいこちらも選べない状態です。 プルダウン、リストボックスの高さは調整ができるのでしょうか？ お手数ですがご回答の程をよろしくお願いいたします。
- ベストアンサー
- PHP
- Perlで<select multiple>の複数データを取得する方法
Perlで、<select multiple>のデータを取得する方法を教えてください。 以下のように複数選択できるselectタグがあります。これで送信したデータを Perlで受けると、ARRAY(0x9bf0d18)のようになってしまいます。 環境は、以下のとおりです。（必要な部分だけ記載しています） ■送信元のHTML <select name="test" size="3" multiple> <option value="a">a <option value="b">b <option value="c">c </select> ■受け側のPerl use CGI_Lite; my %in = $cgi->parse_form_data(); print"Content-type: text/html\n\n"; print"$in{'test'}\n"; ■結果 ARRAY(0x9bf0d18) 以上、よろしくお願いします。
- ベストアンサー
- Perl
- スマホのフォームでのselect複数選択の表示
SPページでフォームを作っており、以下のソースのように、 selectで複数選択させたいと考えています。 --------------------------------------------------------------------------------------------------- <select name="" id="" multiple="multiple"> <option value="">ここから選択してください（複数選択可）</option> <option value="1">1枚</option> <option value="2">2枚</option> <option value="3">3枚</option> <option value="4">4枚</option> </select> --------------------------------------------------------------------------------------------------- 複数選択はできるのですが、iphoneで確認すると デフォルトのボタンの表示が「0 Items」と表示されます。 それをタップすると下にプルダウンが表示される形です。 このデフォルトの表示を「ここから選択してください（複数選択可）」 に変えたいのですが、初心者で調べてもわかりませんでした・・・。 誰かお知恵を貸して頂ければ幸いです。 よろしくお願い致します。
- 締切済み
- デザイナー・クリエイティブ職
- IE8で、selectの縦スクロールバー出ない
同じHTMLページですが、 IE6でselectの縦スクロールバー表示できますが、 IE８で表示されない。 IE6とIE8の無いか違いでしょうか？ よろしくお願いします。 <select name="myselect"> <option> </option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11）">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> </select>
- 締切済み
- HTML
- <select ・・・>でＷＩＮとＭＡＣの表示の違い
<SELECT name="月"> <OPTION value="選択" selected>選択</OPTION> <OPTION value="1">1</OPTION> <OPTION value="2">2</OPTION> <OPTION value="3">3</OPTION> <OPTION value="4">4</OPTION> <OPTION value="5">5</OPTION> <OPTION value="6">6</OPTION> <OPTION value="7">7</OPTION> <OPTION value="8">8</OPTION> <OPTION value="9">9</OPTION> <OPTION value="10">10</OPTION> <OPTION value="11">11</OPTION> <OPTION value="12">12</OPTION> </SELECT> この方法で「月」と「日」を入れようと思っているのですが、 「月」に関しては問題ないのですが、 「日」だと1～31まであるので、WinIEだとスクロールバーが出るのですが、 MACだと、「選択」の位置よりも上に空白があり、 普通に書ききれない部分は、（画面からはみ出してしまう部分） 逆三角のマークが出ていて、そこへカーソルを持ってくると、 日にちがスクロールして、上にあった空白部分を埋めていきます。 この表示方法は、MACでは普通なのでしょうか？ ※説明下手ですみません＾＾； これで分かってもらえると助かります。
- ベストアンサー
- HTML
- multipleの取得
現在、test1.phpのセレクトボックスで複数選択された値を、 test2.phpで取得させることをしています。 そこで、質問ですが、 <select name="sbox" multiple> <option>・・・ ・ ・ </select> を使ったセレクトボックスから、 複数の情報を取得するにはどうしたらいいですか？ 現在は、複数選択したつもりでも、上書きされているためか、 最後のoption の値しか取得できません。 色んなページを参考にして、 <select name="sbox[]" multiple> にする方法を考えましたが、 このセレクトボックスはjavascriptで、 optionの数を変えています。 そのため、nameに[]を使うと、javascriptが動作しなくなってしまう ようです。 nameに[]を使う以外に、複数の値をPOSTする方法を教えてください。 わかりにくい質問で申し訳ないですが、よろしくお願いします。
- 締切済み
- PHP
- SELECTの値を保持する
只今PHPを勉強中の者です。 HTMLのSELECTで選択して送信ボタンを押します。 選択したものがエラーだと、また最初の画面に戻ります。 その時、先ほど選択したOPTIONを最初から表示したいのですが、 可能でしょうか？ <SELECT NAME="Month" > <OPTION> <OPTION VALUE="1">1 <OPTION VALUE="2">2 ←例えばこれを選択して送信した場合は、 <OPTION VALUE="3">3 エラーになりまたこの画面に戻る。 <OPTION VALUE="4">4 その時最初から「2」を表示したい。 <OPTION VALUE="5">5 <OPTION VALUE="6">6 <OPTION VALUE="7">7 <OPTION VALUE="8">8 <OPTION VALUE="9">9 <OPTION VALUE="10">10 <OPTION VALUE="11">11 <OPTION VALUE="12">12 </SELECT> <input type="submit" value="送信">
- 締切済み
- HTML
- 【HTML5】selectにrequierd
HTML5でformのグループ化されたselectを必須にしたいと思い、 下記のようにrequiredを記述しました。 <select name="sample[]" required> <option value="">--</option> <optgroup label="カテゴリA"> <option value="1">選択肢１</option> <option value="2">選択肢２</option> </optgroup> <optgroup label="カテゴリB"> <option value="3">選択肢３</option> </optgroup> </select> そうすると、選択肢１を選択していても「必須項目です」と表示され、フォームが送信できません。 valueの値が1だと選択済として扱われないのでしょうか。 optgroupをなくすと選択肢１を選択した状態で送信できました。 valueの値は1で送信したいのですが、可能でしょうか。
- 締切済み
- HTML
- web上のリストボックス作成
あるHTMLで、リストボックスをDREAMWEAVERでさくせいしました。 リストを選択すると、選択された名前のHTMLに飛ぶように指定したのですが、 ネスケでは動いてくれるのですが、IEでは飛んでくれません. 原因を教えてください。以下のようなHTMLです。 このためのCGIはくんでいません。 <form name="form2"> <select name="month"onChange="MM_jumpMenu('parent',this,0)"size="0"multiple> <option value="1.html"> １ </option> <option value="2.html"> ２ </option> <option value="3.html"> ３ </option> <option value="4.html"> ４ </option> <option value="5.html"> ５ </option> </select> </form>
- ベストアンサー
- HTML
