ボタンを押したら、テキストBOXに入力された情報をもとに、
新しいwindowにリンクさせる方法を教えてほしいのですが・・・。
『?????』の部分にテキストBOXから入力された情報を入れたいのです。
ちなみに、リンクさせたい場所は、自分のPCのtestというフォルダのファイルです。
<input type="button" name="show" value="表示" onClick="show()">
<SCRIPT LANGUAGE="JavaScript">
<!--
function show(){
window.open("/test/?????.jpg","")
}
//-->
</SCRIPT>
No.1ベストアンサー
- 回答日時:
まず、フォームに名前をつけます。
それから、
<input type="button" name="show" value="表示" onClick="show()">
のままでは、NAMEとfunction名が被っていてエラーが出るので変更します。
<FORM NAME="form">
<INPUT TYPE="text" NAME="img">
<INPUT TYPE="button" NAME="show" VALUE="表示" onClick="ShowImg()">
</FORM>
そしてスクリプトは
window.open("/test/" + document.form.img.value + ".jpg","");
として実行してみてください。
この場合”+”は文字列連結用の演算子で、/test~.jpgを繋げて解釈してくれます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScript の 「showDialog」
-
入力フォームの javascript で ...
-
1アクションでPOST・GET、両方...
-
GETをPOSTに変更したところ 送...
-
checkboxを「変更不可」にでき...
-
送信ボタン押下時に値が未入力...
-
ラジオボタンで選択した項目に...
-
Ajax + Servlet のリクエスト...
-
URL パラメータを使ってフォー...
-
チェックボックスにチェックを...
-
複数のプルダウンからリンクす...
-
フォーム要素以外にもname属性...
-
<a href=**?***=***>をGET方式で
-
フォームに入力した値をURLに付...
-
フォームからsubmitをした後再...
-
HTMLのoptionタグ部分に画像を...
-
動的にnema属性が変化する場合...
-
1つのformで複数のactionを実...
-
submitの処理の後別の画面を表...
-
Form送信ボタンのダブルクリッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力フォームの javascript で ...
-
画像をボタンのようにフォーカ...
-
親ページからインラインフレー...
-
JavaScript の 「showDialog」
-
Javascirptによるページ内への...
-
[onClick]ボタンを押すことで入...
-
確認ダイアログ表示後、他のペ...
-
パスワードをIPする際見えな...
-
別なページにジャンプさせたい
-
htmlのobjectタグで埋め込んだ...
-
検索結果画面の値の引継ぎとr...
-
テキストボックスのvalue属性で...
-
ボタンにファイルリンクをつける
-
複数の画像ボタンから複数の画...
-
Mac(Safari)でのSendkyesコマン...
-
a.href の href を有効か無効に...
-
チェックボックスで、チェック...
-
submit時に違うページに飛びたい
-
submitをボタン以外にするには
-
URL パラメータを使ってフォー...
おすすめ情報