Implement Ajax Search

Hi all

I want to implement search using AJAX

at present I am using following code.I am new to AJAX so that is why i need some help

//this adds a javascript event listener to the search box that will query the server with each keystroke. yw0 is the id of the clistview. q is the id of the text input box:

Yii::app()->clientScript->registerScript('search', "


  $.fn.yiiListView.update('yw0', {

  data: $(this).serialize()


  return false;



Search Box HTML

<div id="serach_box">

    <label> Search : </label><input width="200" type="text" id="q" name="q" />



	public function actionIndex()




                $model = new Hotel($scenario='search');


                $model->name = $_GET['q'];





            $dataProvider=new CActiveDataProvider('Hotel', array(                    










How can you get additional values in for example with the text box input I want to have search according to city ,price and so on there would be different drop down for all.

I am a bit confused :(

Wrap your inputs with form tag, then use {data: $(this).parent().serialize()} or something like this.

See $.ajax docs on jquery site.

Btw, if you’re new to ajax, it would be much simpler for you to use plain old <script> tags, instead of registerScript helpers.

These helpers - they’re kinda voodoo magic :)