如何使用javascript启用动态文本框onclick?

如何使用javascript启用动态文本框onclick?,javascript,Javascript,我用DB字段创建了文本框,旁边有一个“E”作为编辑链接。最初,文本字段被禁用。如果用户想要修改DB中的值,他们将单击链接,旁边的文本框将启用。问题是它正在修改相同代码号的第一个文本框。这可能是因为文本字段上的id属性是相同的,我希望正确标识文本,但失败了。 这是我的密码 <input type="text" name="form_line[code]" size="10" value='<?php echo bucks($tmp['adj_amount']); ?>'

我用DB字段创建了文本框,旁边有一个“E”作为编辑链接。最初,文本字段被禁用。如果用户想要修改DB中的值,他们将单击链接,旁边的文本框将启用。问题是它正在修改相同代码号的第一个文本框。这可能是因为文本字段上的id属性是相同的,我希望正确标识文本,但失败了。 这是我的密码

<input type="text" name="form_line[code]" size="10"
    value='<?php echo bucks($tmp['adj_amount']); ?>' disabled="true" id="editable"/>

<a id="myedit" title="Click to Edit Adjustment Value" href="#" onclick="edit_adj();return false;">E</a>

 <script type="text/javascript">
function edit_adj() {
        document.getElementById("editable").disabled = false;
}
</script>

我想这对你很有用:

<?php
for ($x=0; $x<=10; $x++) {
?>
<input type="text" name="somename" size="10"
    value='<?php echo "hello" ?>' disabled="true" id="editable<?php echo $x ?>"/>

<a id="myedit" title="Click to Edit Adjustment Value" href="#" onclick="edit_adj(<?php   echo $x ?>);return false;">Edit</a>
<br/>
<?php
}
?>

<script type="text/javascript">
    function edit_adj(id) {
    document.getElementById("editable"+id).disabled = false;
}
</script>

函数编辑调整(id){
document.getElementById(“可编辑”+id).disabled=false;
}
希望这有帮助!
本质上,这是为每个文本字段提供一个唯一的id,并将id传递到启用相关文本字段的javascript中。我在本地创建了一个测试页面,它工作了

我读对你的问题了吗,你的页面有重复的ID?HTML页面中不支持重复ID。每个id都应该是唯一的。但我已经了解到,您不能将id=id[x]放入,因为它是动态创建的,我不知道用什么替换它。您已经禁用了它,那么您将如何单击它?加载时,它们已禁用,但用户应该能够单击“E”正确的文本框应该能够修改值。我觉得生成这些编辑字段的php代码好像是在循环中输出,或者以某种方式创建了多个编辑字段。如果这是真的,我可以为你建议一个答案。非常感谢你这么做了!!!我不知道你能这样做,而且非常聪明:)我很高兴它成功了!你介意接受它作为答案吗?:-)