
下記のようなフォームから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ランキング
-
スワップイメージのフェード方...
-
Javascript初心者|jQueryの.va...
-
ボタンを押すたびに交互に切り...
-
MAX関数を使ってからLEFT JOIN...
-
Ctrl+F(検索)の窓を出したいの...
-
HPB_SCRIPT_ROV_50
-
バッチファイルでカウントアッ...
-
画像をクリックすると音が鳴り...
-
javascriptでのアコーディオン...
-
プルダウンの位置がwin/macでず...
-
<前 次> のようなリンクを見...
-
アコーディオンメニューが開い...
-
JavaScriptで変更した属性の元...
-
JSPでの画像ファイル表示
-
seleniumbasic chrome操作について
-
jspでcssが読み込めない
-
【HP作成】クリックすると下...
-
複数のJavascript の組込み方に...
-
フルスクリーン表示についての応用
-
jQueryで特定id以外の下にある...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Javascript初心者|jQueryの.va...
-
jQueryで同じクラス名のものを...
-
ボタンを押すたびに交互に切り...
-
fancyboxのポップアップ時の画...
-
デフォルト非表示にしたい。【t...
-
クリッカブルマップをロールオ...
-
背景色と連動するスライドショ...
-
JavaScriptでの画像切り替えを...
-
透過pngで作った画像がIE6で表...
-
画像マウスオーバーで、checkb...
-
交互に入れ替わる画像を複数配置
-
パララックスについて 上下に...
-
lightbox風のモーダルウィンド...
-
画像の切り替え。もっと効率の...
-
サムネイルにカーソルを合わせ...
-
clear機能を失わずにファイルア...
-
bxsliderで最初に縦に複数表示...
-
一定時間で入れ替わるバナー画...
-
画像のフェードインについて・...
-
jQuery 親要素の大きさに合わせ...
おすすめ情報