Question

我从数据库中获取了一系列禁用的文本框。当我单击编辑按钮时，它应该启用阵列中的所有文本框。但我只能启用第一个文本框。这是代码。

编辑按钮的代码：

<input type="button" value="Edit" onclick="enable();" />

function enable（）

function enable(){
document.getElementById("instance_name").disable = false;
document.getElementById("host_name").disable = false;
}

数组：

$result=mysql_query("SELECT user_instance.instance_name, user_instance.host_name FROM
dba_account, user_instance WHERE dba_account.account_id = user_instance.account_id AND 
dba_account.account_id = '$accid'");

while($note = mysql_fetch_array($result))
{
<inut type='text' name='instance_name' id='instance_name' disabled='disabled' 
value='$note[instance_name]' size='25' />
<input type='text' name='host_name' id='host_name' disabled='disabled' 
value='$note[host_name]' size='25' />
}

我正在获取所有已禁用的文本框，但我无法将它们全部用掉。感谢您的帮助。

Answer 1

您为多个元素提供相同的ID。每个ID只能对一个元素唯一，因此一旦javascript找到第一个ID，它就会停止。我改为给它class="instance_name"，然后按类获取元素。你可以这样做：

function enable(){
    Array.prototype.forEach.call( document.getElementsByClassName('instance_name'), 
                                  function(element){
                                      element.removeAttribute('disabled');
                                  });
}

启用文本框数组php javascript

1 个答案: