如何添加activeDropDownList與jQuery形式？ PHP - Yii2

Question

的問題說，這一切，我昨天問 How to add fields to activeform with js/jQuery in Yii2?

現在好了，我需要增加一個下拉菜單，是不是同樣的事情...

我有這樣的：

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(); ?> 

現在我需要做，當用戶點擊該#btnadd什麼，而不是我現在dorpdown出現：P

預先感謝您:)

Answer 1

這幾乎是一回事。只需做如下：

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

就這樣。

---

你可能得到javascript語法錯誤，因爲Yii中提出\n在下拉列表。逃避是語法錯誤最髒方法是做如下圖所示：

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

---

特別感謝燒酒誰在評論中提及使用json_encode()

不過，我寫道，最骯髒的方式將使用str_replace()，但是，您可以使用json_encode()而不是這是一個更優雅的解決方案：

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