如果使用Select2 YI2选择第一个字段,则自动填充下面的字段
Autofill field below if first field is selected using Select2 YII2
我正在Yii2上开发人力资源管理系统我有这个替换员工表单,3个字段使用3个表,它是调动、员工和部门我在Employee字段中使用Kartik/Select2小部件,我开发的数据库更像这样
数据库
如果我想做出这样的输出
输出
我该怎么办?我试过这样的代码
<?= $form->field($model, 'EmployeeId')->widget(Select2::classname(),
[
'data'=>$listData,
'options' => ['id' => 'EmployeeId'],
'pluginOptions' => [
'placeholder' => 'Employee Name',
'changeOnReset'=>'$.post
("index.php?r=project/lists&id='.'"+$(this).val(),function(data)
{ $("select#currentDept").html(data);
}
);'
],
])?>
<?= $form->field($model, 'currentDept')->dropDownList($dataList,['prompt'=>'Choose Department','readonly' => !$model->isNewRecord]) ?>
<?= $form->field($model, 'DeptID')->dropDownList($dataList,['prompt'=>'Choose Department']) ?>
它起作用了,但CurrentDept字段没有生成
请检查此链接:http://demos.krajee.com/widget-details/select2.您可以使用"pluginEvents"进行相同的操作。
pluginEvents = [
"change" => "function() { log('change'); }",
"select2:opening" => "function() { log('select2:opening'); }",
"select2:open" => "function() { log('open'); }",
"select2:closing" => "function() { log('close'); }",
"select2:close" => "function() { log('close'); }",
"select2:selecting" => "function() { log('selecting'); }",
"select2:select" => "function() { log('select'); }",
"select2:unselecting" => "function() { log('unselecting'); }",
"select2:unselect" => "function() { log('unselect'); }"
];
您可以使用select事件,并使用回调函数填充其他字段。如果你需要进一步的帮助,请告诉我。
相关文章:
- 单击鼠标,用MySQL数据填充html表单输入字段
- 如何用URL预填充wufoo字段
- 根据Rails4中的一个字段自动填充表单
- 在输入字段中选择一个值,然后用相应的数据填充另一个字段
- 自动填充动态字段上的 ajax 响应
- Angularjs 通过选择不同选择框中的两个字段来填充选择框
- 如何使用与单个查找字段相关的信息填充字段
- 使用 JSON 数组填充输入字段
- 动态填充字段的Jquery验证
- IE JavaScript参数和填充输入字段
- 从替代字段填充 jquery UI 日期选择器日期字段
- 基于一个输入字段填充另一个输入字段
- 翡翠选择字段填充数据
- html5输入字段填充问题
- 根据ID号字段填充性别和出生日期字段
- 量角器测试通过,但无法看到搜索字段填充
- 从多个输入字段填充字段
- Javascript:如何打开一个字段填充参数的表单
- 根据另一个字段填充输入
- 高级自定义字段/基于另一个字段填充选择