我正在使用一个插件在添加和删除按钮上复制文本字段。现在,在添加和删除字段之后,我想在所有文本字段中形成JSON并在提交时将其发布。以下是代码-
脚本
$(function () {
var scntDiv = $('#p_scents');
var i = $('#p_scents p').size() + 1;
$('#addScnt').live('click', function () {
$('<p><label for="p_scnts"><input type="text" id="p_scnt_' + i + '" size="20" name="p_scnt_' + i + '" value="" placeholder="Input Value" /></label> <a href="#" id="remScnt">Remove</a></p>').appendTo(scntDiv);
i++;
return false;
});
$('#remScnt').live('click', function () {
if (i > 2) {
$(this).parents('p').remove();
i--;
}
return false;
});
});
可以参考FIDDLE。我想获取所有文本字段的值并形成JSON。
遍历输入字段,获取它们的值,然后推送它们JSON.stringify
以创建所需的JSON。
function serializeAndPost() {
var values = [];
$( '#p_scents input[id^=p_scnt_]' ).each( function ( index, element ) {
values.push( element.value );
} );
var json = JSON.stringify( { "welcomesList": values } );
// Do your POSTing here
}
更新的小提琴:http : //jsfiddle.net/tZPg4/11019/
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句