为什么我不能将<li>中的值传递给文本字段?

时间:2016-12-06 07:08:39

标签: javascript php html ajax

我正在尝试创建一个搜索类型的字段,并在点击时将这些值传递到另一个文本字段。但是当我点击结果时没有任何反应。

这是HTML

的一部分
    <!-- Main Input -->
    <input type="text" id="search" autocomplete="off">
    <input type="text" id="mytext">
    <!-- Show Results -->
    <h4 id="results-text">Showing results for: <b id="search-string">Array</b></h4>
    <ul id="results"></ul>


</div>

</body>

<script>
$(".myLi").click(function(){
$('#mytext').val($(this).text());
});

</script>

<script>
$(function () {
$('#results').on('click', function () {
    var text = $('#text');
    text.val();    
});
});
</script>


</html>

PHP的一部分在这里

$html = '';
$html .= '<li value="myLi" class="myLi">My element 1</li>';

1 个答案:

答案 0 :(得分:0)

您没有点击li,而是ul

希望此代码段有用

$('#results') .on('click','.myLi',function(){
  $('#text').val($(this).text());
})