Question

我已尽力搜索。我正在尝试使用其名称更改输入字段的文本。我发现了很多方法可以通过ID来实现：

<script>
   function changeValue(o){
 document.getElementById('type').value=o.innerHTML;
}
</script>

<button id="technician" onclick="changeValue(this)">Technician</button>
<button id="developer" onclick="changeValue(this)">Developer</button>
<input type="text" id="type" name="type" value="change" />

但我需要完成的是没有ID的输入。

有些事情：

<script>
   function changeValue(o){
 document.getElementsByName('NAME').value=o.innerHTML;
}
</script>

<button id="technician" onclick="changeValue(this)">Technician</button>
<button id="developer" onclick="changeValue(this)">Developer</button>
<input type="text" name="NAME" value="change" />

有没有办法实现这个目标？

更新

我正在尝试扩展你们帮助我的javascript。

The Snippet：

<script>
 function changeValue(o){
   document.getElementsByName('NAME')[0].value=o.innerHTML;
 }
</script>

<span onclick="changeValue(this)" style="cursor: pointer;">One</span>
<span onclick="changeValue(this)" style="cursor: pointer;">Two</span>
<img src='image.gif' onclick="changeValue(this.src)" />

<input type="text" name="NAME" value="SOMETHING">

跨度正常，但我实际上并不需要它们。一旦我搞清楚了，我将拥有所有图像。

我尝试了几种方法，但我能找到的与我的使用没有直接关系。

最终目标是使用js将img src放入文本输入中，最好是它已经存在的方式。我觉得它非常接近。

Answer 1

document.getElementsByName('NAME')按名称返回元素列表。您需要提供索引

document.getElementsByName('NAME')[0].value=o.innerHTML

Answer 2

getElementsByName()返回一个集合。使用[]访问单个元素

前：

 function changeValue(o){
     document.getElementsByName('NAME')[0].value=o.innerHTML;
}

Answer 3

像这样使用document.querySelector

FormViewA

Answer 4

jQuery方式

$('input[name="NAME"]').val("im changed!")

更改输入字段抓取NAME

4 个答案: