javascript - 如何使用简单的Java脚本设置输入框中的onClick选定值

Question

我有一个 div，它有一个输入框，它会在 <ol><li> 中生成一些值。通过ajax，现在我想从<li>中选择一个值并使用简单的 JavaScript 将其设置在该输入框中。

<div id="abc">
     <input type="text" name="inputbox" id="inputboxID" class="inptBx"/>
     <ol>
    <li id="1">sam</li>
    <li id="2">joe</li>
    <li id="3">dan</li>
    <li id="4">tom</li>
    <li id="5">dick</li>
</ol>
</div>

示例:我有一个 div“abc”，它有一个输入框，如果我在其中搜索某些内容，我会得到 <ol><li></li></ol> 的结果。 Tags(dropdown) 通过ajax，现在如果我点击“tom”，我希望在我的输入框中设置这个值。

请为此建议一个 JavaScript 解决方案。

提前致谢

Answer 1

<script type="text/javascript">
function display(inPut)
{
var t=document.getElementById("inputboxID");
t.value = inPut;
}
</script>

<div id="abc">
      <input type="text" name="inputbox" id="inputboxID" class="inptBx"/>
 <ol>
     <li id="1" onClick="javascript:display(this.innerText)">sam</li>
     <li id="2" onClick="javascript:display(this.innerText)">joe</li>
     <li id="3" onClick="javascript:display(this.innerText)">dan</li>
     <li id="4" onClick="javascript:display(this.innerText)">tom</li>
     <li id="5" onClick="javascript:display(this.innerText)">dick</li>
 </ol> 
</div>