- 締切済み
YouTube API とツールを使用して、YouTubeの動画コンテ
YouTube API とツールを使用して、YouTubeの動画コンテンツと 機能を自作ホームページに組み込んでみたのですが、 検索キーワード： <input id="kensaku_key" type="text" style="width:30%;"> を <SELECT NAME="_性別" tabindex="0"> <OPTION VALUE="" SELECTED>性別</option> <OPTION VALUE="男性">男性</option> <OPTION VALUE="女性">女性</option> </SELECT> このような感じにセレクトタイプに書き換えする場合 どこの部分のソースを書き換えたらよろしいのでしょうか？ http://www.hcz.jp/sample.html ご回答よろしくお願いします。
- みんなの回答 （2）
- 専門家の回答
関連するQ&A
- セレクトメニューで選んだ値を同じページの別の場所へ表示する方法
セレクトメニューで選んだ値を同じHTML内の別の箇所へ表示させる方法がわかりません。 どなたか分かる方が居ましたら、回答お願い致します。 下記のような例です。 <BODY> <FORM method="post" Name="Application" action="bin/regist.cgi" onSubmit="return Check()"> <input type="hidden" name="subject" value="申し込み"><input type="hidden" name="nexthtm" value="index.html"> <CENTER> <SELECT name="RATE" size="1" tabindex="1"> <OPTION>▼選択</OPTION> <OPTION value="ドル">ドル</OPTION> <OPTION value="円" selected>円</OPTION> </SELECT><BR><BR> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD width="90" align="center"><INPUT size="10" type="text" name="PRICE" tabindex="6" onChange="CheckTxt1(this.value);"></TD> <TD></TD> <TD>ここに選んだ単位を表示したい</TD> </TR> </TBODY> </TABLE> <BR> <TABLE border="0"> <TR><TD colspan="3" align="center"> <INPUT type="submit" value=" 送 信 " tabindex="45"> <INPUT type="reset" value=" リセット " tabindex="46"> <BR> </TD></TR> </TABLE> </CENTER> </FORM> </BODY>
- ベストアンサー
- HTML
- Rails のコンボボックス（select）を生成する時の tabindex 属性の指定の仕方について
Rails でコンボボックスを作るときに下記の記述でタブインデックスの属性が指定できると思っていたのですが、属性が付加されません。 どなたかご教授おねがいします。 <%= select 'data', 'id', {'test1' => 1, 'test2' => 2}, {:selected => 1, :tabindex => 5} %> ※下記のようにソースが生成されてしまって『tabindex』が指定できない <select id="data_id" name="data[id]"><option value="1" selected="selected">test1</option> <option value="2">test2</option></select>
- ベストアンサー
- その他（プログラミング・開発）
- <form>を使用しないことによる、干渉の回避策
以下の様に、 セレクトボックスで選択した値を、 ボタン押下でそれぞれのテキストボックスに一括で代入する スクリプトがあるのですが、この様式を使用するつもりであった場所は、他のJavaScriptの関数で定義した<form>と干渉してしまい、 動かない現象が起きてしまいました。 このスクリプト中で、<form>を使用しない形で、 同じ動作をさせるには、どの様に修正したらよろしいでしょうか。 ご教授、よろしくお願いします。 <HEAD>要素 function my1() {a=document.form1.eiji.value; document.form1.eiji2.value=a;} function my2() {a=document.form2.moji.value; document.form2.moji2.value=a;} function my3() {a=document.form3.suuji.value; document.form3.suuji2.value=a;} <BODY>要素 <form name="form1"> <SELECT NAME = "eiji" style="width:150px;"> <OPTION VALUE = "">↓-選んで下さい-</OPTION> <OPTION VALUE = "a">a</OPTION> <OPTION VALUE = "b">b</OPTION> <OPTION VALUE = "c">c</OPTION></SELECT> <input type="text" name="eiji2" style="width:150px;"> </form> <form name="form2"> <SELECT NAME = "moji" style="width:150px;"> <OPTION VALUE = "">↓-選んで下さい-</OPTION> <OPTION VALUE = "あ">あ</OPTION> <OPTION VALUE = "い">い</OPTION> <OPTION VALUE = "う">う</OPTION></SELECT> <input type="text" name="moji2" style="width:150px;"> </form> <form name="form3"> <SELECT NAME = "suuji" style="width:150px;"> <OPTION VALUE = "">↓-選んで下さい-</OPTION> <OPTION VALUE = "1">1</OPTION> <OPTION VALUE = "2">2</OPTION> <OPTION VALUE = "3">3</OPTION></SELECT> <input type="text" name="suuji2" style="width:150px;"> </form> <input type="button" value="入力" onClick="my1();my2();my3();">
- ベストアンサー
- JavaScript
- javascriptでコメントアウトができません
下記の様に 「/* ・・・・・ */」でコメントアウトしていますが、「/*」 「*/」も文字としてそのまま画面に表示され、非表示にしたいSELECTの枠も表示されてしまいます。 ご助言いただきたく宜しくお願い致します。 <body style="margin:0px; padding:0px;" onload="load()"> /* <body style="margin:0px; padding:0px;" onload="load()"> <FORM NAME=formMain > <SELECT id="categorySelect" NAME="pref" onChange="funcMain(true)"> <OPTION VALUE="" SELECTED>(カテゴリーを選択してください) <OPTION VALUE="0">食事 <OPTION VALUE="1">病院 <OPTION VALUE="2">小売店 <OPTION VALUE="3">洋服 </SELECT> <SELECT id="subcategorySelect" NAME="city"> <OPTION VALUE="" SELECTED>(サブカテゴリーを選択してください) <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> <OPTION VALUE=""> </SELECT> </FORM> */ <div> <input type="text" id="addressInput" size="40"/> <select id="radiusSelect"> <option value="0.5" selected>0.5km</option> <option value="1">1km</option> <option value="20">20km</option> </select> <input type="button" onclick="searchLocations()" value="検索へGO!"/> </div> <div><select id="locationSelect" style="width:25%;visibility:hidden"></select></div> <div id="map" style="width: 100%; height: 80%"></div> </body> </html>
- ベストアンサー
- JavaScript
- 問い合わせフォームのサイズ
xhtmlでレスポンシブなサイトを作っているのですが、 問い合わせフォームのサイズはどのようにするのが正しいでしょうか？ レスポンシブ出ない場合は下記のように造っているのですが、 <p class="newline"> 郵便番号：<br /> <input type="text" name="post" size="20" value="" /> </p> <p class="newline"> お問合せ内容：<br /> <select name="inquiry_contents"> <option value="" selected="selected" >選択してください</option> <option value="について">について</option> <option value="について">について</option> <option value="交通アクセスについて">交通アクセスについて</option> </select> </p> <p class="newline"> コメント：<br /> <textarea name="comment" cols="50" rows="8" title="こちらにお問い合わせ内容をご記入ください。" class="jq-placeholder">こちらにお問い合わせ内容をご記入ください。</textarea> </p> レスポンシブにする場合はsize="20" やcols="50" rows="8"などのサイズにかかわる属性をすべて削除して下記のようなCSSを加えればよいのでしょうか？ input { max-width: 100%; } textarea { max-width: 100%; }
- ベストアンサー
- CSS
- select値でのフォームのaction値の変更
以下のようなフォームでselectの値によって PHPでactionのURLを変更させるようなことは出来るでしょうか。 <form name="form" method="GET" action="ここをselect値により変更"> <input type="text" name="word" id="word" value="" /> <select name="select" id="select"><option selected="selected" value="01">値01</option> <select name="select" id="select"><option selected="selected" value="02">値02</option> <select name="select" id="select"><option selected="selected" value="03">値03</option> </select> </form> 以上、どうぞ宜しくお願い申し上げます。
- ベストアンサー
- PHP
- プログラムをテーブル形式にしたい。
プログラムをテーブル形式にしたい。 新規登録 <br> ユーザーID: <input name="ID" type="text" maxlength="12"/> <br/> ニックネーム: <input type="text" name="name"/> <br/> パスワード: <input type="password" name="password"/> <br/> 再パスワード: <input type="password" name="password"/><br/> 性別: <input type="radio" name="sex" value="1" id="sex_male"><label for="sex_male">男性</label> <input type="radio" name="sex" value="2" id="sex_female" ><label for="sex_female">女性</label><br/> 血液型: <select name="blood type" id="blood type"> <option value="" selected="selected">----</option> <option value="1">A型</option> <option value="2">B型</option> <option value="3">O型</option> <option value="4">AB型</option> </select><br/> 生年月日: <select name="year" id="year"> <option value="">----</option> <option value="1980">1980</option> <option value="1981">1981</option> <option value="1982">1982</option> <option value="1983">1983</option> <option value="1984">1984</option> <option value="1985">1985</option> <option value="1986">1986</option> <option value="1987">1987</option> <option value="1988">1988</option> <option value="1989">1989</option> <option value="1990">1990</option> <option value="1991">1991</option> <option value="1992">1992</option> <option value="1993">1993</option> <option value="1994">1994</option> <option value="1995">1995</option> <option value="1996">1996</option> <option value="1997">1997</option> <option value="1998">1998</option> <option value="1999">1999</option> <option value="2000">2000</option> <option value="2001">2001</option> <option value="2002">2002</option> <option value="2003">2003</option> <option value="2004">2004</option> <option value="2005">2005</option> <option value="2006">2006</option> <option value="2007">2007</option> <option value="2008">2008</option> <option value="2009">2009</option> <option value="2010">2010</option> </select>年 <select name="mon
- 締切済み
- HTML
- プルダウンメニューでフォームのターゲット先を変更したい。
プルダウンメニューでフォームのターゲット先を変更する方法をしえてもらえませんか？ 下記の様にすると_topを指定しても新しいウィンドウが開いてしまいます。 <FORM name="test2" action="http://hoge.cgi" target=yyy.value> <INPUT type="text" size="34" name="word"><SELECT name="search"> <OPTION value="yahoo" selected>Yahoo!Japan</OPTION> <OPTION value="google">google</OPTION> </SELECT> <SELECT name="yyy"> <OPTION selected>窓選択</OPTION> <OPTION value="_blank">別窓</OPTION> <OPTION value="_top">同窓</OPTION> </SELECT> <INPUT type="submit" value="検索"> </FORM>
- ベストアンサー
- JavaScript
- 複数プルダウンで検索
楽天市場自社サイト内に、３種類のプルダウンから選択した商品を検索したく試行錯誤していますが私の知識では限界だと言うことがわかりました。 お力をいただければと思い投稿いたしました。 何か良い方法はありますでしょうか <BODY> <FORM name="myForm" method="GET" action="http://esearch.rakuten.co.jp/rms/sd/esearch/vc?" target="_blank"> 種類<BR> <SELECT NAME="t1"> <OPTION VALUE="Ｔシャツ" SELECTED>Ｔシャツ <OPTION VALUE="Ｇパン">Ｇパン <OPTION VALUE="トレーナー">トレーナー </SELECT> <BR> サイズ<BR> <SELECT NAME="t2"> <OPTION VALUE="Ｓ" SELECTED>Ｓ <OPTION VALUE="Ｍ">Ｍ <OPTION VALUE="Ｌ">Ｌ </SELECT> <BR> 色<BR> <SELECT NAME="t3"> <OPTION VALUE="レッド" SELECTED>レッド <OPTION VALUE="ホワイト">ホワイト <OPTION VALUE="ブラック">ブラック </SELECT> <BR> <BR> <BR> <input type="hidden" name="sid" value="xxxxxx"><input type="hidden" name="su" value="xxxxxx"><input type="hidden" name="sn" value="xxxxxx"><input type="text" name="sitem"><BR> <input type="button" name="sitem" value="結合" onClick="ketugou()"><BR> <BR> <br> <input type="submit" value="商品検索"></FORM> </BODY>
- ベストアンサー
- JavaScript
- セレクトメニューで選択された項目によって、HTMLの一部を表示したり非表示にしたりするには？
お世話になります。 セレクトメニューで選択された項目によって、HTMLの一部を表示したり非表示にしたりするにはどうすればいいでしょうか？ <select class = "select-box" tabindex="7" name='payment_string'> <option value="1,ジャパンネット銀行,0">ジャパンネット銀行</option> <option value="2,郵貯銀行,0">郵貯銀行</option> <option value="3,イーバンク銀行,0">イーバンク銀行</option> <option value="4,コンビニ決済,0">コンビニ決済</option> <option value="5,クレジットカード,0">クレジットカード</option> </select> 上記のようなセレクトメニューがあり、セレクトメニューが、『コンビニ 決済』、『クレジットカード』が選択されたときのみ下記の入力項目を表 示させたいと思っています。。 <div class='order_form_out_side_box'> <div class='order_form_name'> <p>ご住所</p> </div> <div class='order_form_contents'> <p>郵便番号：<input type = "text" class="name-box1" accesskey="i" tabindex="11" name = "bango" onkeyup="setbango(this.value)" value ="" /> <br /> <p>都道府県：<input type = "text" class="name-box1" accesskey="j" tabindex="12" name = "ken" value ="" /></p> <br /> <p>市・区：<input type = "text" class="name-box5" accesskey="k" tabindex="13" name = "shi" value ="" /></p> <br /> <p>町・村：<input type = "text" class="name-box5" accesskey="l" tabindex="14" name = "machi" value ="" /></p> <br /> <p>番地・建物名：<input type = "text" class="name-box5" accesskey="m" tabindex="15" name = "banchitate" value ="" /></p> <br /> </div> <br class='clear' /> </div> <div class='order_form_out_side_box'> <div class='order_form_name'> <p>電話番号</p> </div> <div class='order_form_contents'><p><input type = "text" class="name-box6" accesskey="n" tabindex="16" name = "tel" value ="" /> ハイフンなしでご入力ください。</p> <br /> </div> JavaScriptを利用してやるという事は分かったのですが、JavaScript の知識がなく、どうすればいいのか分かりません。 どのようにすればこの機能を実現できるでしょうか？ご教授のほどよろ しくお願いします。
- ベストアンサー
- JavaScript
- LD-GPAYシリーズの製品について、Category6A対応と表示されているが裏面のラベルにはCategory6A準拠と表示されている。どちらが正しいかを知りたい。
- エレコムのサイトで確認したところ、パッケージの表面の画像にはCategory6A対応と表示されており、商品タイトルにはCat6A準拠LANケーブル(やわらか)と記載されている。正確な情報を知りたい。
- LD-GPAYシリーズのLANケーブルを購入したいが、Category6A対応か準拠かが不明なため、どちらが適しているかを知りたい。
お礼
ご回答ありがとうございます。 この部分を書き換えればよいと言われても、 どう書き換えればよいか教えていただけませんか。