こちらで教えていただきながら、下記のようなhtml文にたどり着きました。
加えて以下のことをしたいと思っており、解説を読みながらいろいろ試していますがうまくいきません…。
(1)テキストボックスに文字を入力した後、Enterキーでボタンが押下されるようにしたい
(2)結果の画面を新しいタブで表示したい
(head部分に<base target="_blank">と記述してもでダメでした)
上記2つのことが出来るようでしたら、その方法を教えていただけないでしょうか。
どうぞよろしくお願いいたします。
--------------------------------------------
<html>
<head>
<script type="text/javascript">
<!--
function jump1(){
location.href="http://minkabu.jp/stock/" + document.getElementsByName("code1")[0].value;
}
function jump2(){
location.href="http://kabu-sokuhou.com/brand/item/code___" + document.getElementsByName("code2")[0].value;
}
//-->
</script>
<base target="main">
</head>
<body>
<form>
<input name="code1" size="4" >
<br><br>
<input type="button" onclick="jump1()" value="サイト1へ">
</form>
<form>
<input type="hidden" name="code2" size="4">
<input type="button" onclick="jump2()" value="サイト2へ">
</form>
</body>
</html>
-----------------------------------------------------
No.1ベストアンサー
- 回答日時:
テキストボックス入力後にEnterを押すと、新しいタブ(またはウィンドウ)でサイト1を開くようにしました。
<html>
<head>
<script type="text/javascript">
<!--
function jump1(){
window.open("http://minkabu.jp/stock/" + document.getElementsByName("code1")[0].value,"_blank");
}
function jump2(){
window.open("http://kabu-sokuhou.com/brand/item/code___" + document.getElementsByName("code2")[0].value,"_blank");
}
//-->
</script>
<base target="main">
</head>
<body>
<form onsubmit="jump1();return false;">
<input name="code1" size="4">
<br><br>
<input type="submit" value="サイト1へ">
</form>
<form>
<input type="hidden" name="code2" size="4">
<input type="button" onclick="jump2()" value="サイト2へ">
</form>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
戻ると、記入フォームの内容が...
-
HTMLのKEYとVALUE...
-
Enterキークリック時の動作につ...
-
htmlで画面遷移させたい
-
getParameterで値が取得できず...
-
ボタンのなかに表示する文字を...
-
ハイパーリンクをインプットボ...
-
異なるformのsubmitボタンを同...
-
前の画面の情報を保持するには?
-
リンクでPOSTデータを送信する...
-
Accessの画面更新を一時的に停...
-
コネクション・セッション・ト...
-
グリッドビューでのチェックボ...
-
JSPでボタンを押したら、文字が...
-
PHPからWindowsログインユーザ...
-
Fancyboxのiframe内に閉じるボタン
-
PageLoadの後にJavascript実行...
-
windows統合認証とform認証の併用
-
asp.NET初心者です。「 ’Contex...
-
CheckBoxをボタン形式にして押...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLボタンの文字色を変え...
-
getParameterで値が取得できず...
-
submitボタンにvalue属性の値で...
-
リンクでPOSTデータを送信する...
-
INPUTのボタン周囲のスペース
-
ボタンのなかに表示する文字を...
-
ASP.NET ブラウザでボタンが表...
-
SUBMITボタンを表示させないでS...
-
<FORM> </FORM> の中に さらに...
-
ボタンをクリックした時に、入...
-
checkboxとlabelがずれる
-
formの送信ボタンをテキストに...
-
inputのtextとsubmitの高さがズ...
-
異なるformのsubmitボタンを同...
-
HTML ラジオボタン nameの大文...
-
戻ると、記入フォームの内容が...
-
htmlで画面遷移させたい
-
UWSC
-
チェックボックスの値をコピー
-
<form>中の<button>タグのv...
おすすめ情報