Question

我正在处理一个表单，当用户点击“添加服务器”时，会重复div块。我设法解决了这个问题。但是如果我只有一个服务器块，我想要属性name="servername"，并且如果所有块上有更多元素属性应该是name="servername[]"。

我尝试了，只有当点击添加服务器第一个和第二个阻止获取name="servername[]"时才有效，但当我再次点击第一个阻止获取name="servername[][]"时。

$('#addserver').click(function() {
var num  = $('.clone').length;  // how many "duplicatable" input fields we currently have
var newNum = new Number(num + 1);  // the numeric ID of the new input field being added

// Create the new element via clone(), and manipulate it's ID using newNum value
var newElem = $('#server1').clone().attr('id', 'server' + newNum);

// Insert the new element after the last "duplicatable" input field  
$('#server' + num).after(newElem);

// Add [] for PHP array
$('#server' + num + ' input', '#server' + newNum + ' input').attr('name', function() {
 return this.name + '[]';
});

// Enable the "remove" button
$('#delserver').attr('disabled','');

// You can only add 5 elements
if (newNum == 5) $('#addserver').attr('disabled','disabled');
});

$('#delserver').click(function() {
var num = $('.clone').length; // how many "duplicatable" input fields we currently have
$('#server' + num).remove(); // remove the last element

// enable the "add" button
$('#addserver').attr('disabled','');

// If only one element remains
if (num-1 == 1) {

    // Remove [] because it's not php array anymore
    $('#server1 input').attr('name', function() {
        s = this.name.substring(0, this.name.length - 2);
        return s;
    });

    // Disable "remove" button
    $('#delserver').attr('disabled','disabled');
}
});

$('#delserver').attr('disabled','disabled');

这是html示例：

<div class="clone" id="server1">
  <input type="text" name="servername" size="40" />
</div>

我需要[]因为php数组，但是如果用户输入一个服务器并且名称中有[]则不起作用。

Answer 1

添加支票

if ($(this).attr('name').substr(-2) != '[]') {
    return $(this).attr('name') + "[]";
}

Answer 2

我认为无论如何你都应该name="servername[]"。

因为当servername包含多个元素时你可以让它工作，所以我看不出是什么阻止你让它只使用一个（甚至根本没有）元素。< / p>

如果你不完全相信，请考虑你现在遇到多少麻烦，试图反对我的建议。

jQuery更改属性元素

2 个答案: