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";
}

Here's a working jsFiddle.

使用javascript禁用输入文本类型

2 个答案: