Javascript 单击时从列表中将文本添加到文本框的方法

下面的代码显示了一个文本框

<p>
    <label>Enter the doctor id</label>
    <input type="text" autocomplete="on" name="dr_id" id="user_id" class="user_name" >
</p>

下面的代码用于显示各种选项，您可以从中选择一个并将其放入文本框中。单击时会显示该列表

医生名单

代码如下所示

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){


    $(".slidingDiv").hide();
    $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

</script>

 <a href="#" class="show_hide">List of doctors</a><br />
    <div class="slidingDiv">

        Dr.Prashant Salunke - dr.salunke.<br>Dr.Kalam - dr.apj<br>Dr.Manmohan Singh - dr.economics<br> <a href="#" class="show_hide">hide</a>
    </div>


</div><br>

---

我想让列表中的项目可以点击，这样如果点击它们，它们就会出现在文本框中。我如何做到这一点？我需要在代码中做哪些更改？

列出ul和li元素，如：

<ul id="list">
    <li>Dr.Prashant Salunke - dr.salunke.</li>
    <li>Dr.Kalam - dr.apj</li>
    <li>Dr.Manmohan Singh - dr.economics</li>
</ul>

---

列出ul和li元素，如：

<ul id="list">
    <li>Dr.Prashant Salunke - dr.salunke.</li>
    <li>Dr.Kalam - dr.apj</li>
    <li>Dr.Manmohan Singh - dr.economics</li>
</ul>

---

列出ul和li元素，如：

<ul id="list">
    <li>Dr.Prashant Salunke - dr.salunke.</li>
    <li>Dr.Kalam - dr.apj</li>
    <li>Dr.Manmohan Singh - dr.economics</li>
</ul>

---

列出ul和li元素，如：

<ul id="list">
    <li>Dr.Prashant Salunke - dr.salunke.</li>
    <li>Dr.Kalam - dr.apj</li>
    <li>Dr.Manmohan Singh - dr.economics</li>
</ul>

---

Thanks@schnawel007 . 我想知道是否还有一种方法可以从列表项中选择部分文本到文本框。对于我只想让dr.salunke进入文本框，而不是Prashant salunke-dr.salunke将文本按-，但我会给li元素一个数据属性，如下所示：dr.Prashant salunke-dr.salunke。Kalam博士-Dr.apj博士-Manmohan Singh博士-Dr.economics，然后按如下方式显示：$'list li'。单击函数{$'user_id'。val$this.attr'data-name'；}；Thanks@schnawel007 . 我想知道是否还有一种方法可以从列表项中选择部分文本到文本框。对于我只想让dr.salunke进入文本框，而不是Prashant salunke-dr.salunke将文本按-，但我会给li元素一个数据属性，如下所示：dr.Prashant salunke-dr.salunke。Kalam博士-Dr.apj博士-Manmohan Singh博士-Dr.economics，然后按如下方式显示：$'list li'。单击函数{$'user_id'。val$this.attr'data-name'；}；Thanks@schnawel007 . 我想知道是否还有一种方法可以从列表项中选择部分文本到文本框。对于我只想让dr.salunke进入文本框，而不是Prashant salunke-dr.salunke将文本按-，但我会给li元素一个数据属性，如下所示：dr.Prashant salunke-dr.salunke。Kalam博士-Dr.apj博士-Manmohan Singh博士-Dr.economics，然后按如下方式显示：$'list li'。单击函数{$'user_id'。val$this.attr'data-name'；}；Thanks@schnawel007 . 我想知道是否还有一种方法可以从列表项中选择部分文本到文本框。对于我只想让dr.salunke进入文本框，而不是Prashant salunke-dr.salunke将文本按-，但我会给li元素一个数据属性，如下所示：dr.Prashant salunke-dr.salunke。Kalam博士-Dr.apj博士-Manmohan Singh博士-Dr.economics，然后按如下方式显示：$'list li'。单击函数{$'user_id'。val$this.attr'data-name'；}；