在文本框中输入文本

Question

任何人都可以告诉我为什么这个jsFiddle不起作用？

想法很简单就是假设将所选文本输入到文本框中.

HTML:

<input type="text" id="teste" maxlength="50">
<select>
    <option onClick="nelson">nelson</option>
</select>

JavaScript的:

function nelson(){
    document.getElementById('teste').value =+ "nelson"; 
}

提前致谢

Answer 1

演示:jsFiddle

HTML:

<input type="text" id="teste" maxlength="50" />
<select onchange="selectedItemChange(this)">
    <option value="nelson">nelson</option>
    <option value="justin">justin</option>
</select>

JS:

function selectedItemChange(sel) {
    document.getElementById('teste').value = sel.value;
}

说明:

<option onClick="nelson">nelson</option>

• 改变了三个原因:

  1. onclickonClick为了保持一致性是优选的
  2. nelson需要更改为nelson()实际调用该函数.
  3. 由于我们正在处理selecthtml元素,因此最好onchange在根目录上使用该 事件.

document.getElementById('teste').value =+ "nelson";

• 正如许多其他人指出的那样,正确的操作员是+=或=

要设置初始值,请执行以下操作

演示:jsFiddle

HTML

<input type="text" id="teste" maxlength="50" />
<select id="select-people" onchange="selectedItemChange(this)">
    <option value="nelson">nelson</option>
    <option value="justin">justin</option>
</select>

JS

function selectedItemChange(sel) {
    document.getElementById('teste').value = sel.value;
}

window.onload=function(){
    document.getElementById('teste').value = document.getElementById("select-people").value;
}

Answer 2

没有操作员=+,+=是您需要的.