Javascript 在输入框中搜索某物时,它会在上面提到的li标记中生成值。现在请建议函数显示(inPut){var t=document.getElementById(“inputboxID”);t.value=inPut;}sam

Javascript 在输入框中搜索某物时,它会在上面提到的li标记中生成值。现在请建议函数显示(inPut){var t=document.getElementById(“inputboxID”);t.value=inPut;}sam,javascript,html,ajax,Javascript,Html,Ajax,在输入框中搜索某物时,它会在上面提到的li标记中生成值。现在请建议函数显示(inPut){var t=document.getElementById(“inputboxID”);t.value=inPut;}sam


在输入框中搜索某物时,它会在上面提到的li标记中生成值。现在请建议
函数显示(inPut){var t=document.getElementById(“inputboxID”);t.value=inPut;}
  • sam
  • dan
  • 它不起作用,请建议..这在firefox或chrome中不起作用
    this.innerText返回firefox和chrome中未定义的函数display(inPut){var t=document.getElementById(“inputboxID”);t.value=inPut;}
  • sam
  • joe
  • dan
  • 不起作用,请建议..这在firefox或chrome中不起作用。
    this.innerText在firefox和chrome中返回未定义的
    <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>
    
    <li id="4" onclick='$("#inputboxID").val(this.innerText)' >tom</li>
    
    <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> 
    
    for (var i = 1; i < 6; i++)
        document.getElementById(i).addEventListener('click', loadText);
    
    function loadText() {
        document.getElementById('inputboxID').value = this.innerHTML || this.innerText;
    }
    
    <li id="3">dan</li>
    <li id="4">tom</li>
    
    <script type="text/javascript">
    $("#abc li").click(function() { $("#inputboxID").val($(this).text()); });
    </script>