
下記のようなフォームからinput id="email" とinput id="agreement" の入力値を取得し、取得した値を連結させて出力したいのですが、連結部分の記述をどのように書けばよいのかわからないため、教えてください。
参考ソース
▼HTML
<form>
<input id="email" type="email" name="email" placeholder="例)example@hoge.com">
<input id="agreement" type="checkbox" name="privacy" value="プライバシーポリシーに同意">
<div id="placeholder"></div>
<button id="btn" type="button" class="submit">申し込む</button>
</form>
▼JavaScript
function hoge(){
const src =
'https://hogehoge.com?test=' +
$('#email').val();
$('#agreement').val();
console.log('src', src);
$(placeholderSelector).empty();
iframe=$('<iframe>').with(1).height(1).attr('src', src);
$(placeholderSelector).append(iframe);
}
あとconsole.log('src', src); のなかの src はURLを出力するメソッドという理解で正しいのでしょうか。
最終的にこのように出力させたいです。
<div id="placeholder">
<iframe src="https://hogehoge.com?test=example@hoge.com&priva … style="wi
1px"; height="1px";></iframe>
</div>
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
こんにちは
なんだかかなりの独自仕様のようですが、通常のクエリ文字列の仕様に合わせるようにしておけば、jQueryのserialize()がそのまま利用できると思います。
https://api.jquery.com/serialize/
そうすることで、
baseUri + $('form').serialize()
で済んじゃいますけれど・・
No.1
- 回答日時:
var b = encodeURIComponent( $('textのinput').val() );
var c = $('checkboxのinput').prop('checked');
var src = `aaa?bbb=${b}&ccc=${c}`;
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<tr>指定した表の行要素をボ...
-
その要素がjQueryでremove()済...
-
初心者です。gulpでコンパイル...
-
スマホ上で、左右スワイプで次...
-
jQueryで同じクラス名のものを...
-
<div>のタッチ状態を維持したま...
-
jQueryでシンセサイザーを作っ...
-
Colorboxがうまく設置できません
-
フォームが空欄の時にフォーム...
-
イラストレーター、縦中横のシ...
-
タグを教えてください。
-
ラジオボタンを複数選択したと...
-
jsで質問です。 formをsubmitし...
-
2025年相性がいい人のサイトの...
-
CookieをWebStoeageに変える
-
Adobe acrobat proでフォームを...
-
Outlookのアカウントがあるとメ...
-
jqueryのselect2で検索欄の文字...
-
食材の期限を管理するためにGAS...
-
ビデオのJSについて
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jsonテキストデータの並び替え...
-
スマホ上で、左右スワイプで次...
-
viewport幅
-
ラジオボタンを複数選択したと...
-
<tr>指定した表の行要素をボ...
-
ボタンを押したあとに画像を表...
-
画面遷移を行わずに同一ページ...
-
イラストレーター、縦中横のシ...
-
GASでチェックボックスを一括of...
-
jqueryのselect2で検索欄の文字...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
セレクトを全て選択されていな...
-
セレクトボックスで配列を呼び...
-
タグを教えてください。
-
jsで質問です。 formをsubmitし...
-
Adobe acrobat proでフォームを...
-
任意の変数が任意の値になった...
-
jsで質問です。 ボタンが二つ存...
-
2段階プルダウンで1段階目の選...
おすすめ情報