使用 javascript 禁用输入文本类型

Question

我遇到了一个小问题，我正在尝试启用一个禁用的“输入文本类型”，其中包含一个文本。

function newForm(){
document.getElementsByName("name1").disabled = false;
document.getElementsByName("name1").value="TEST";
}

有了这个

<div id="passengers">
<div id="form">
    <table>
    <thead>
        <tr><th></th><th>Name</th><th>LastName</th><th>Date of Birth</th></tr>
    </thead>
    <tbody>
        <form id="formulaire" action="">
        <tr><th>Passenger #1</th><th><input type="text" name="name1" tabindex="1" disabled="true"/></th><th><input type="text" name="lastname1" tabindex="2" disabled="true"/></th><th><input type="text" name="date1" tabindex="3" disabled="true"/></th></tr>
    </table>
</div>
<input type="submit" value="New" onclick="newForm()"/><input type="submit" value="Send" disabled="true"/><input type="submit" value="Modify" disabled="true"/></form>
</div>

Answer 1

首先，将按钮的输入类型从submit改为button：

<input type="button" value="New" onclick="newForm()"/>

因为您的功能与提交表单无关（submit 会导致不需要的行为）。

其次，getElementsByName 返回一组对象，不是一个元素。通过使用[0] 访问第一个元素来定位元素：

function newForm(){
  document.getElementsByName("name1")[0].disabled = false;
  document.getElementsByName("name1")[0].value="TEST";
}

Here's a working jsFiddle.

Answer 2

getElementsByName 返回一个元素集合试试这个

document.getElementsByName('name1')[0].disabled = true;