How to add activeDropDownList to form with jQuery? PHP - Yii2

Question

the question says it all, yesterday I asked How to add fields to activeform with js/jQuery in Yii2?

well now I need to add a dropdown menu and is is not the same thing...

I have this:

use yii\helpers\Html;
use yii\widgets\ActiveForm;
use yii\helpers\ArrayHelper;
use app\models\User;
use app\models\ContactType;

$cntcttp = new ContactType;

$this->registerJs('$("#btnadd").on("click",function(){'
  . '$("#dynamicInput").append(\''
  .  Html::textInput("contacto","",['placeholder'=>"contacto"])
  . '\');'
  . '})');

?>

<?php $form = ActiveForm::begin(); ?>

    <div id="dynamicInput"></div>

    <?= Html::activeDropDownList($cntcttp, 'ContactTypeID',
    ArrayHelper::map($ctypes, 'ContactTypeID', 'Name') , ['prompt'=>'--contacto--']) ?>


    <input type='button' id='btnadd' value="add contact">
    <div class="form-group">
        <?= Html::submitInput('Submit', ['class' => 'btn-primary']) ?>
    </div>
<?php  ActiveForm::end(); ?>

now I need to make the dorpdown appear when the user clicks the #btnadd instead of what I have now :P

Thank you in advance :)

Ali MasudianPour · Accepted Answer · 2014-12-18 20:11:02Z

3

It's almost the same thing. Just do like below:

$this->registerJs('$("#btnadd").on("click",function(){'
. '$("#dynamicInput").append(\''
.   Html::activeDropDownList($cntcttp, 'ContactTypeID',
    ArrayHelper::map($ctypes, 'ContactTypeID', 'Name') , ['prompt'=>'--contacto--'])
. '\');'
. '})');

That's all.

You probably get syntax error in javascript, since, Yii puts \n in dropdown. The most dirty way to evade that syntax error is to do like below:

$this->registerJs('$("#btnadd").on("click",function(){'
. '$("#dynamicInput").append(\''
.   str_replace("\n", "", Html::activeDropDownList($cntcttp, 'ContactTypeID',
    ArrayHelper::map($ctypes, 'ContactTypeID', 'Name') , ['prompt'=>'--contacto--']))
. '\');'
. '})');

Special thanks to Soju who mentioned in comment to use json_encode()

However, I wrote that the most dirty way would be using str_replace(), but, you can use json_encode() instead which is a more elegant solution:

$this->registerJs('$("#btnadd").on("click",function(){'
. '$("#dynamicInput").append('
.   json_encode(Html::activeDropDownList($cntcttp, 'ContactTypeID',
    ArrayHelper::map($ctypes, 'ContactTypeID', 'Name') , ['prompt'=>'--contacto--']))
. ');'
. '})');

edited Dec 18, 2014 at 20:11

answered Dec 18, 2014 at 18:32

Ali MasudianPour

14.5k3 gold badges64 silver badges62 bronze badges

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

5 Comments

Fernando Andrade Over a year ago

I tryed that, it guives me a syntax error :unterminated string literal

prodigitalson Over a year ago

@FernandoAndrade Can you post the HTML that Html::activeDropDownList() produces (edit your question and add it)? Its just a matter of escaping things properly... You may be able to do it directly or you may need to overload HTML with a custom implementation of activeDropDownList but either way it should be doable.

Fernando Andrade Over a year ago

I as about to put the code when you edited the comment it worked :) once again you saved the day many thanks :)

soju Over a year ago

You should simply use json encode... stackoverflow.com/questions/168214/…

Ali MasudianPour Over a year ago

@soju Hey buddy, Thank you for mentioning that. I have updated the answer. Thanks again

Collectives™ on Stack Overflow

How to add activeDropDownList to form with jQuery? PHP - Yii2

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related