input type=fileを使ってファイルパスを取得し、そのパスをinput type=textの入力欄に表示させたいです。
ファイルの操作はしません。パスを取りたいだけです。
以下のようなことをやりたいです。
・参照ボタンでファイルパスを取得
・JSで(?)参照のボックスに値が入ったのを見てその値をtext欄にコピー
・text欄は手入力もしたいです
・text欄に値が入っていて参照で取得した場合は上書き
・参照ボックスは見た目上text欄で隠したいです(参照ボタンはtext欄の右にあるように)
JS側とhtml側の記述方法を教えてほしいです。
よろしくおねがいします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Javascriptを使ってQRコード読み取り、取得した情報をPOSTしたいと思っています。 1 2023/04/28 15:18
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- Visual Basic(VBA) Selenium Basicの件 5 2023/04/10 20:55
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- その他(プログラミング・Web制作) Pythonについての質問です。 初心者ほやほやなのでお手柔らかにお願いします。 今手引きにそって入 2 2022/09/22 21:56
- Excel(エクセル) エクセルの散布図で新たに入力した値のデータラベルが空欄になる現象 1 2022/04/26 09:31
- その他(プログラミング・Web制作) python質問 1 2023/08/14 11:54
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ディレクトリにあるファイルの...
-
テキストファイルの更新日時を取得
-
JSPの処理の途中で、JavaScript...
-
ローカルのtest.txtを1行ずつ...
-
ラベルの色がかわってくれない
-
confirm()をはい/いいえ に切...
-
evtとは
-
クラス デフォルトプロパティの...
-
javascript で外部サイトにデー...
-
プルダウンリストを作りMySQLか...
-
Javascript でログインできない...
-
Ajaxに関して。
-
gas 全角数字を半角数字に変換
-
JavaScriptで ブラウザの閉じる...
-
SQL構文エラー
-
jqGridの入力内容をサーバに保...
-
slideToggleの動きがおかしい
-
jQuery ui Datepicker 明日以降...
-
ブラウザ上でファイルの修正を行う
-
「終了していない文字列型の定...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
csvファイルを読み込み、該当項...
-
JavascriptでのExcel起動について
-
htmlのfileタグに自動で値を入...
-
contenteditableで編集した内容...
-
javascriptでフォルダ内のファ...
-
JSでファイル数取得
-
テキストファイルの更新日時を取得
-
ページを一回だけリロードさせ...
-
JAVAスクリプトで商品コードか...
-
javascriptでエクセルデータ読...
-
InDesign javascript について
-
javascriptの効かないサーバー...
-
Win版IllustratorCS3でJavascri...
-
正規表現でファイル名の抽出
-
ファイルの有無を調べる
-
<input type="file">のイベント...
-
ローカルフォルダにあるPHPファ...
-
HTMLファイルに更新日時を自動...
-
Temporary Internet Filesにあ...
-
ホームページ内の新着情報を簡...
おすすめ情報