How to call Javascript in Yii dropdownlist onSelect

Question

I created two dropdownlists using Chtml::dropdownlists as shown below.

echo $form - > dropDownList($model, 'min_cost', Yii::app() - > params['cost_resales'],
    array(
        'empty' = > 'Choose one',
    )
);
echo $form - > dropDownList($model, 'max_cost', Yii::app() - > params['cost_resales'],
    array(
        'empty' = > 'Choose one',
    )
);

Now, the above code has to work according to the below script

// Keep a copy of the default options
var $options = $('#SearchForm_min_cost').children().clone();

$('#SearchForm_min_cost').change(function(){
// Within your change handler:

var index = $(this).find(':selected').index();
$('#SearchForm_max_cost').html($options).children(':lt('+index+')').remove();

});

I created a fiddle http://jsfiddle.net/E3mY2/1/ with the above code. In fiddle it works fine. But, I don't know how to call the script in order to make the dropdownlists work

I think this will help yiiframework.com/wiki/24

A. Mo
– A. Mo

2013-11-27 08:42:51 +00:00
Commented Nov 27, 2013 at 8:42 — A. Mo
– A. Mo, Commented Nov 27, 2013 at 8:42

Community · Accepted Answer · 2017-05-23 11:43:42Z

0

just give them proper id in htmlOptions attribute:

echo $form->dropDownList($model, 'min_cost', Yii::app()->params['cost_resales'], 
       array('empty'=>'Choose one', ) ,
       array('id' => 'SearchForm_min_cost') // set id in htmlOptions
);
echo $form->dropDownList($model, 'max_cost', Yii::app()->params['cost_resales'], 
      array('empty'=>'Choose one', ),
      array('id' => 'SearchForm_max_cost') // set id in htmlOptions
 );

and register your javascript with yii

edited May 23, 2017 at 11:43

CommunityBot

11 silver badge

answered Nov 27, 2013 at 8:42

Developerium

7,2755 gold badges41 silver badges57 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user3004356 Over a year ago

The HTML code in the fiddle is the code generated using Yii dropdownlist. Hence the id is generated by the dropdownlist.

user3004356 Over a year ago

Can you tell me how to register javascript. I saw the example, it is not clear enough

Developerium Over a year ago

Yii::app()->clientScript->registerScript('my vars','put your javascript here', CClientScript::POS_HEAD);

Deenadhayalan Manoharan · Accepted Answer · 2015-06-11 06:59:06Z

0

Firstly check the id which is generated after rending the view on browser is it correct or same as in your script. Then for testing put your script at the bottom of your view inside script tag.

========= View ends here below this =========== Make sure jquery file is added in the page. If the id in broswer of your dropdown is same as script it will definetly work after successful test resiter your script with Yii.

// Keep a copy of the default options
var $options = $('#SearchForm_min_cost').children().clone();

    $('#SearchForm_min_cost').change(function(){
    // Within your change handler:

    var index = $(this).find(':selected').index();
    $('#SearchForm_max_cost').html($options).children(':lt('+index+')').remove();

    });

edited Jun 11, 2015 at 6:59

Deenadhayalan Manoharan

5,45214 gold badges33 silver badges50 bronze badges

answered Nov 27, 2013 at 11:22

Neeraj Kumar

1,0681 gold badge9 silver badges22 bronze badges

2 Comments

user3004356 Over a year ago

I have done the same thing. But why it is not working

Neeraj Kumar Over a year ago

Can you paste your view & model code here or some where else so that i can see why its not working and let you now the error.

Collectives™ on Stack Overflow

How to call Javascript in Yii dropdownlist onSelect

2 Answers 2

3 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related