Home/ Questions/Q 370207
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T13:59:44+00:00

code below for a simple auto suggest box… however when I click a suggestion

  • 0

code below for a simple auto suggest box… however when I click a suggestion from the list it doesn’t return the contents to the input box like it should. It doesn’t recognize anything from the loaded html at all?

JQUERY

$(document).ready(function(){
    $('#edit-name').keyup(function() {
        if ($(this).val().length >= 3) {
            bname = $(this).val();
            $("#searchframe").load("searchresults.php", { 'name[]': [name] });
        } else {
            $("#searchframe").html('');
        }
    });

    $('.bus').click(function() {
            alert("testing"); // <-- nothing happens!
        $('#edit-name').val($(this).html());
    });
});

HTML

...
<body>
   ...
   <input type="text" id="edit-name" />
   <div id="searchframe"></div>
   ...
</body>
...

INJECTED HTML

<ul> 
  <li><a href="#" class="bus">test1</a></li>
  <li><a href="#" class="bus">test2</a></li> 
</ul>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The click event is bound on document load, and the HTML is injected after this has happened. I would recommend using the live method, which will bind the event to all current and future elements on the page.

    $('.bus').live('click', function() {
    alert("testing"); // <-- something (should) happen!
    $('#edit-name').val($(this).html());
});
    • 0