jquery - symfony 表单在输入类型 ="choice"上使用 jquery 更改方法

Question

我有由 symfony type="choice"创建的单选按钮。当我尝试使用 jquery 更改方法选择其中之一时，什么也没有发生。我的代码中的相关部分:形式:

$builder->add('budgetLevel', 'choice', array(
        'label'    => 'Budget level',
        'required' => true,
        'multiple' => false,
        'expanded' => true,
        'choices'  => array('option1' => 'option1', 'option2' => 'option2', 'option3' => 'option3'),
        'widget_type'  => "inline"
    ));
 $builder->add('budgetEntity', 'text', array(
        'label'    => 'Budget Entity',
        'required' => false,

    ));

jquery:

$(document).ready(function(){
...
$("#cbg_budgetLevel").change(function(){
            alert("something");
});
... 
});

html(带 Twig ):

              <div id="budgetLevel">
                <div class="row">
                    <div class="col-md-3">
                        {{ form_label(form.budgetLevel) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_label(form.budgetEntity) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3">
                        {{ form_widget(form.budgetLevel) }}
                    </div>
                    <div class="col-md-3">
                        {{ form_widget(form.budgetEntity) }}
                    </div>
                </div>
             </div>

我希望当我选择其中一个选项时，警报就会显示。为什么它不起作用？

Answer 1

可以看到 symfony 将表单字段转换为单选按钮。这个答案很好地处理了单选按钮: How to use radio on change event?

无论如何，这可能会改变:在 jquery 部分:

 $('input[type=radio][name="cbg[budgetLevel]"]').change(function(){
            if(this.value == 'option1'){
                //do option1 ...
            }
            else if(this.value == 'option2'){
                //do option2...
            }
            else{
                //do option3...
            }
        });