Jquery 选择某个答案时显示不同的活动字段,Yii2

Jquery 选择某个答案时显示不同的活动字段,Yii2,jquery,yii2,yii2-basic-app,Jquery,Yii2,Yii2 Basic App,我有一张放射科医生的有效表格。选择“other”选项后,我想使用jquery显示一个隐藏字段。 由于某种原因,我尝试的方法不起作用。 我的表格: 我认为您应该使用普通的textInput,而不是隐藏输入,但是css显示或设置为none,可见性设置为hidden,或者textInput的容器div设置为visibility:hidden或显示:无

我有一张放射科医生的有效表格。选择“other”选项后,我想使用jquery显示一个隐藏字段。 由于某种原因,我尝试的方法不起作用。 我的表格:


我认为您应该使用普通的textInput,而不是隐藏输入,但是css显示或设置为none,可见性设置为hidden,或者textInput的容器div设置为visibility:hidden
显示:无
首先尝试使用css显示输入:隐藏

$("#otherM").attr("display","inline"); or
$("#otherM").attr("visibility","visible");


我认为您应该使用普通的textInput,而不是隐藏输入,但是css显示或设置为none,可见性设置为hidden,或者textInput的容器div设置为visibility:hidden
显示:无
首先尝试使用css显示输入:隐藏

$("#otherM").attr("display","inline"); or
$("#otherM").attr("visibility","visible");

1) .val()表示值(在本例中,您有1、2或3个值)<代码>如果(程序=='other')
这里比较的是文本,而不是值

(二)

3) 删除
hiddenInput()
并设置选项:

<?= $form->field($model, 'otherMotiv',[
    'options' => [
        'class' => 'form-group',
        'style' => 'display: ' . ($model->program_motivation == 3) ? 'block' : 'none')
    ],
    'inputOptions' => [
        'id' => 'otherM'
    ]]))->textInput(['maxlength' => 10])->label('insert other option')?>
1).val()表示值(在您的示例中,有1、2或3个值)<代码>如果(程序=='other')
这里比较的是文本,而不是值

(二)

3) 删除
hiddenInput()
并设置选项:

<?= $form->field($model, 'otherMotiv',[
    'options' => [
        'class' => 'form-group',
        'style' => 'display: ' . ($model->program_motivation == 3) ? 'block' : 'none')
    ],
    'inputOptions' => [
        'id' => 'otherM'
    ]]))->textInput(['maxlength' => 10])->label('insert other option')?>

这肯定正是
$('#otherM')。show()可以!这肯定正是
$('#otherM').show()的内容可以!
$('input[name="MyModel[program_motivation]"]').change(function() {
   if (this.value == 3)
      $('#otherM').show();
});
<?= $form->field($model, 'otherMotiv',[
    'options' => [
        'class' => 'form-group',
        'style' => 'display: ' . ($model->program_motivation == 3) ? 'block' : 'none')
    ],
    'inputOptions' => [
        'id' => 'otherM'
    ]]))->textInput(['maxlength' => 10])->label('insert other option')?>