Yii2實(shí)現(xiàn)上下聯(lián)動(dòng)下拉框功能的方法
本文實(shí)例講述了Yii2實(shí)現(xiàn)上下聯(lián)動(dòng)下拉框功能的方法。分享給大家供大家參考,具體如下:
首先我先解釋下什么是上下聯(lián)動(dòng)的下拉框
假如一個(gè)view里面有兩個(gè)select,第一個(gè)是公司名,第二個(gè)是分公司名。公司有多個(gè),每個(gè)公司又有多個(gè)分公司,我們實(shí)現(xiàn)的就是點(diǎn)擊當(dāng)前公司后,分公司里面顯示的事當(dāng)前公司的分公司。
或者你直接理解成選擇所屬省份后,下面的select顯示的是當(dāng)前省份的縣。
原理:
點(diǎn)擊第一個(gè)select后,執(zhí)行ajax獲取當(dāng)前公司的分公司,并使用jQuery修改分公司內(nèi)容
兩個(gè)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>";
}
}
更多關(guān)于Yii相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Yii框架入門(mén)及常用技巧總結(jié)》、《php優(yōu)秀開(kāi)發(fā)框架總結(jié)》、《smarty模板入門(mén)基礎(chǔ)教程》、《php面向?qū)ο蟪绦蛟O(shè)計(jì)入門(mén)教程》、《php字符串(string)用法總結(jié)》、《php+mysql數(shù)據(jù)庫(kù)操作入門(mén)教程》及《php常見(jiàn)數(shù)據(jù)庫(kù)操作技巧匯總》
希望本文所述對(duì)大家基于Yii框架的PHP程序設(shè)計(jì)有所幫助。
- Yii2 ActiveRecord多表關(guān)聯(lián)及多表關(guān)聯(lián)搜索的實(shí)現(xiàn)
- yii2實(shí)現(xiàn)根據(jù)時(shí)間搜索的方法
- yii2帶搜索功能的下拉框?qū)嵗斀?/a>
- 淺析Yii2 GridView 日期格式化并實(shí)現(xiàn)日期可搜索教程
- 淺析Yii2 GridView實(shí)現(xiàn)下拉搜索教程
- yii2框架中使用下拉菜單的自動(dòng)搜索yii-widget-select2實(shí)例分析
- Yii2基于Ajax自動(dòng)獲取表單數(shù)據(jù)的方法
- Yii2的XSS攻擊防范策略分析
- Yii2中Restful API原理實(shí)例分析
- Yii2實(shí)現(xiàn)同時(shí)搜索多個(gè)字段的方法
相關(guān)文章
在IIS下安裝PHP擴(kuò)展的方法(超簡(jiǎn)單)
這篇文章主要介紹了在IIS下安裝PHP擴(kuò)展的方法,非常簡(jiǎn)單,具有參考借鑒價(jià)值,需要的朋友可以參考下2017-04-04
Zend Framework框架之Zend_Mail實(shí)現(xiàn)發(fā)送Email郵件驗(yàn)證功能及解決標(biāo)題亂碼的方法
這篇文章主要介紹了Zend Framework框架之Zend_Mail實(shí)現(xiàn)發(fā)送Email郵件驗(yàn)證功能及解決標(biāo)題亂碼的方法,詳細(xì)分析了Zend_Mail組件實(shí)現(xiàn)郵件發(fā)送的具體步驟,并給出了標(biāo)題亂碼的解決方法,需要的朋友可以參考下2016-03-03
PHP SESSION跨頁(yè)面?zhèn)鬟f失敗解決方案
這篇文章主要介紹了PHP SESSION跨頁(yè)面?zhèn)鬟f失敗解決方案,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12
PHP中使用FFMPEG獲取視頻縮略圖和視頻總時(shí)長(zhǎng)實(shí)例
這篇文章主要介紹了PHP中使用FFMPEG獲取視頻縮略圖和視頻總時(shí)長(zhǎng)實(shí)例,需要的朋友可以參考下2014-05-05
JSON用法之將PHP數(shù)組轉(zhuǎn)JS數(shù)組,JS如何接收PHP數(shù)組
這篇文章主要介紹了JSON用法之將PHP數(shù)組轉(zhuǎn)JS數(shù)組,JS如何接收PHP數(shù)組的相關(guān)資料,需要的朋友可以參考下2015-10-10
ThinkPHP5.0多個(gè)文件上傳后找不到臨時(shí)文件的修改方法
這篇文章主要介紹了ThinkPHP5.0多個(gè)文件上傳后找不到臨時(shí)文件的修改方法,需要的朋友可以參考下2018-07-07

