在文本框中输入文本

谁能告诉我为什么会这样jsFiddle http://jsfiddle.net/4NwZ9/不起作用？

这个想法很简单，只是假设将选定的文本输入到文本框中。

HTML:

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

JavaScript：

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

提前致谢

DEMO: jsFiddle http://jsfiddle.net/abc123/4NwZ9/23/

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. onclick优先于onClick为了一致性
  2. nelson需要改为nelson()实际调用该函数。
  3. 由于我们正在处理一个selecthtml 元素最好使用onchange根上的事件。

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

• 正如许多其他人指出的那样，正确的运算符是+= or =

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

DEMO: jsFiddle http://jsfiddle.net/abc123/4NwZ9/25/

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