使用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

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

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

Answer 2

首先，更改按钮的输入类型，从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";
}

这是一个有效的jsFiddle。