Question

我正在尝试创建搜索功能，我需要在li里面获取值，这是在ajax响应中

我的html页面是

<form role="form" action="<?php echo base_url();?>comparison/selCourse" method="post" id="selAll">
    <h4>Select College TO Compare </h4>
    <input type="text" class="form-control" id="compFirst" name="compFirst">
    <ul class="search-open" style="display: block;colour:#fff;" id="display">
    </ul>
    <!-- End Display Drop Down For Select College -->
    <!-- Begin Display Drop Down For Select Course -->
    <div class="col-md-14" id="selectCourseFirst">
        <h6> Select Course You Are Interested</h6>
        <div class="margin-bottom-40"></div>
    </div>
    <!-- End Display Drop Down For Select Course -->
</form>

我的jquery

$(document).ready(function() {
    $("#compFirst").keypress(function() {
        var option = $('#compFirst').val();
        $('#selectCourseFirst').show();
        $.ajax({
            url: "http://localhost/ci/comparison/selCollege",
            data: {
                insId: option
            },
            type: "POST",
            success: function(result) {
                $('#display').html(result);
            }
        });
    });
});

控制器具有名为

的功能

public function selCollege() {
    $insId = htmlspecialchars($this - > input - > post('insId'));
    $this - > load - > model('comparisonModel');
    $selCourse = $this - > comparisonModel - > selCollege($insId);
    foreach($selCourse as $key => $value) {
        echo '<li>'.$value['name'].
        '</li>';
    }
}

当我尝试使用像

这样的jquery在li中选择值时

$('ul.search-open li').click(function(){
    alert('hi');
});

我没有得到任何回复点击功能不起作用

请帮助

Answer 1

如果你动态创建html，你应该使用类似的东西来检测'click'功能;

$(document).on('click', 'ul.search-open li', function () {
    alert('hi');
});

希望这有帮助。

Answer 2

对于动态元素，您应该使用on

$(document).on('click', 'ul.search-open li', function () {
    alert('hi');
});

HERE是参考。

Answer 3

你必须找到特定的li然后事件handeler将工作。

$('ul.search-open li').each(function(index){
      $(this).on("click", function(){
       alert($(this));
    });
   });

你可以参考jQuery '.each' and attaching '.click' event

在ajax响应的li里面获得价值

3 个答案: