javascript - 在文本框中输入文本

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. onclick 优于 onClick
  2. nelson 需要更改为 nelson() 才能实际调用该函数。
  3. 由于我们正在处理 select html 元素，因此最好使用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;
}