使用Yii2怎么實現一個上下聯動下拉框功能-創(chuàng)新互聯

這期內容當中小編將會給大家?guī)碛嘘P使用Yii2怎么實現一個上下聯動下拉框功能,文章內容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。

成都創(chuàng)新互聯成立與2013年,先為尼元陽等服務建站,尼元陽等地企業(yè),進行企業(yè)商務咨詢服務。為尼元陽企業(yè)網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。

原理:


點擊第一個select后,執(zhí)行ajax獲取當前公司的分公司,并使用jQuery修改分公司內容

兩個select的部分視圖代碼如下:

<?= $form->field($model, 'companies_company_id')->dropDownList(
  \yii\helpers\ArrayHelper::map(\backend\models\Companies::find()->all(),'company_id','company_name'),
  [
    'prompt'=>'select Company',
    'onchange'=>'
      $.post("index.php?r=branches/lists&id='.'"+$(this).val(),function(data){
        $("select#departments-branches_branch_id").html(data);
      });',
  ]
) ?>
<?= $form->field($model, 'branches_branch_id')->dropDownList(
  \yii\helpers\ArrayHelper::map(\backend\models\Branches::find()->all(),'branch_id','branch_name'),
  [
    'prompt'=>'Select Branches',
  ]
) ?>

list方法代碼:

public function actionLists($id)
{
  $countBranches = Branches::find()
    ->where(['companies_company_id' => $id])
    ->count();
  $branches = Branches::find()
    ->where(['companies_company_id' => $id])
    ->all();
  if ($countBranches > 0) {
    foreach ($branches as $branche) {
      echo "<option value='" . $branche->branch_id . "'>" . $branche->branch_name . "</option>";
    }
  } else {
    echo "<option>-</option>";
  }
}

上述就是小編為大家分享的使用Yii2怎么實現一個上下聯動下拉框功能了,如果剛好有類似的疑惑,不妨參照上述分析進行理解。如果想知道更多相關知識,歡迎關注創(chuàng)新互聯行業(yè)資訊頻道。

文章題目:使用Yii2怎么實現一個上下聯動下拉框功能-創(chuàng)新互聯
文章位置:http://muchs.cn/article8/hisip.html

成都網站建設公司_創(chuàng)新互聯,為您提供品牌網站建設企業(yè)建站、企業(yè)網站制作、響應式網站、網站改版、做網站

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯

網站托管運營