Yii2 Jquery onchange下拉列表
Yii2 Jquery onchange dropdown
我正试图在下拉列表上使用onclick。
这是我的观点:
<?= $form->field($model, "contact_gender")->dropDownList(ArrayHelper::map($genders, 'value', 'description'),['class'=>'form-control','prompt'=>'Please Select','onchange'=>'getSalutationValue','required'=>true])->label('Gender') ?>
<?= $form->field($model, "contact_title")->dropDownList(ArrayHelper::map($salutations, 'value', 'description'),['class'=>'form-control Salutation','prompt'=>'Please Select','required'=>true])->label('Salutation') ?>
这就是我的功能:
<script>
function getSolutationValue() {
var value = (this.value);
if(value == 'Male'){
$('.Salutation').val('0');
}
if(value == 'Female'){
$('.Salutation').val('1');
}
if(value == 'Unspecified'){
$('.Salutation').val('2');
}
}
</script>
我想要的是,当我从contact_gender中选择一个值时,会在contact_title中自动选择一个数值。提前谢谢。
p/s:我是个新手。
我解决了它。问题是我没有声明值,我添加了两次on.change。这是正确的代码。感谢您的回复。
<?= $form->field($model, "contact_gender")->dropDownList(ArrayHelper::map($genders, 'value', 'description'),['class'=>'form-control gender','prompt'=>'Please Select','required'=>true])->label('Gender') ?>
<?= $form->field($model, "contact_title")->dropDownList(ArrayHelper::map($salutations, 'value', 'description'),['class'=>'form-control Salutation','prompt'=>'Please Select','required'=>true])->label('Salutation') ?>
$this->registerJs('
$(".gender").change(function(){
var value = this.value;
if(value == "MALE"){
$(".Salutation").val("0");
}
if(value == "FEMALE"){
$(".Salutation").val("4");
}
if(value == "UNSPECIFIED"){
$(".Salutation").val("23");
}
});
您应该试试这段代码。
$this->registerJs("
$(function(){
$('.gender').change(function(){
getSalutationValue(this.value);
});
function getSalutationValue(value) {
if(value == 'Male'){
$('.Salutation').val('0');
}
if(value == 'Female'){
$('.Salutation').val('1');
}
if(value == 'Unspecified'){
$('.Salutation').val('2');
}
}
});
");
<?= $form->field($model, "contact_gender")->dropDownList(ArrayHelper::map($genders, 'value', 'description'), ['class'=>'form-control gender','prompt'=>'Please Select', 'required'=>true])->label('Gender') ?>
<?= $form->field($model, "contact_title")->dropDownList(ArrayHelper::map($salutations, 'value', 'description'),['class'=>'form-control Salutation','prompt'=>'Please Select','required'=>true])->label('Salutation') ?>
相关文章:
- 当触发下拉列表的onchange事件时,使用JavaScript提交表单
- 从javascript调用服务器端的下拉列表onchange函数
- 如何在 PHP 中使用 OnChange 事件的下拉列表中选择一个选项后,对大量数据行设置分页
- OnChange 事件使用 React JS 作为下拉列表
- Yii2 Jquery onchange下拉列表
- 下拉列表的onChange()第二次不起作用
- 如何在 javascript onchange 应用 asp.net 时以编程方式更改下拉列表中的选定项
- 如何在javascript中父下拉列表的onchange事件上设置列表框的多个选定值
- HTML 下拉列表无法捕获 onChange() 如果下拉列表中只有一个值使用 javascript
- 如何使用javascript从下拉列表中选择onchange并将其放置在innerHTML中
- onchange - 使用 jQuery 选择的下拉列表
- PHP 填充下拉列表与 ajax onchange 问题 IE 仅限
- 在每个onchange事件上附加值的动态下拉列表
- 需要使用javascript创建onChange/onSelect作为下拉列表
- 如何从数据库中动态检索多行下拉列表的onchange事件的值
- HTML下拉列表可以't如果下拉列表中只有一个值,则捕获onChange()
- onChange不在Safari的下拉列表中启动,适用于IE、FF、Chrome和;歌剧
- 下拉列表中的jQuery onChange
- Django下拉列表onchange提交
- 如何将下拉列表onchange事件转换为列表onclick事件