前提・実現したいこと
JQeryの「repeater」で追加したテキストボックスに入力した値を取得したい
発生している問題・エラーメッセージ
初心者で申し訳ありません
どなたか、教えてください
下記のソースで
テキストボックスを追加することは出来たのですが
追加した、テキストボックスに入力した値を取得する方法がわかりません
初期に表示されるテキストボックスからは取得することは出来ています
よろしくお願いします
該当のソースコード
function ShowJQueryInputDialog() {
var strTitle = "ロット変更";
var strComment = "これは文字入力ダイアログです。";
// ダイアログのメッセージを設定 $( "#show_dialog" ).html('<form class="repeater" id="repeater">' + '<p><input data-repeater-create type="button" value="行追加"/></p>' + '<div data-repeater-list="group-a">' + '<div data-repeater-item>' + '<span id="txt">' + 'ロット:<input type="text" name="inputtxt" id="inputtxt" size="12" />' + ' 数量:<input type="text" name="inputsur" id="inputsur" size="5" />' + '</span>' + ' <input data-repeater-delete type="button" value="行削除"/>' + '</div>' + '</div>' + '</form>' ); // ダイアログを作成 $( "#show_dialog" ).dialog({ modal: true, title: strTitle, width:480, buttons: { "OK": function() { $( this ).dialog( "close" ); alert("入力された文字は「" + $( "#inputtxt" ).val() + "」です。");←ここで追加したテキストボックスに入力した値を取得したい }, "キャンセル": function() { $( this ).dialog( "close" ); ShowJQueryMessageDialog( "キャンセルがクリックされました" ); } } }); add();
}
function add(){
$(document).ready(function () {
'use strict';
$('.repeater').repeater({
//defaultValues: {
// 'inputtxt': '',
// 'inputsur': ''
//},
show: function () {
$(this).slideDown();
},
hide: function (deleteElement) {
if(confirm('この行を削除しますか?')) {
$(this).slideUp(deleteElement);
}
}
});
});}
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。