#states in Node Add Form [#2565463]

I want to hide a text field - for eg. movie_name based on the value of Heirarchichal Select. I have tried using

       $form['field_movie_name']['#states'] =  array (
          'visible' => array (   // action to take.
              'select[name="field_category[und][hierarchical_select][selects][1]"]' => array('value' => '298'),
           ),
        );

in hook_node_form_alter where field_category is the taxonomy field with heirarchichal select. The value to compare is child taxonomy term. Is it possible to use #states or should we use Jquery for it?

Comments

Comment #1

9 September 2015 at 08:51

zack.wd created an issue. See original summary.

Comment #2

saurabh.dhariwal CreditAttribution: saurabh.dhariwal at AddWeb Solution Pvt. Ltd. commented 6 October 2015 at 09:01

Yes, it is possible to use #state or jQuery as below code:

1. Using #state code as following:

 $form['field_text']['#states'] =  array (
          'visible' => array (   // action to take.
              ':input[name="field_hierarchical_select[und][hierarchical_select][selects][1]"]' => array('value' => '73'),
           ),
         );

2. Using jquery code to admin theme jquery as below code:

$( document ).ready(function() {
                if($(':input[name="field_hierarchical_select[und][hierarchical_select][selects][1]"]').val() == 73) {
                        $('.node-type-goals #goals-node-form #edit-field-text').show();
                } else {
                        $('.node-type-goals #goals-node-form #edit-field-text').hide();
                }
                $(':input[name="field_hierarchical_select[und][hierarchical_select][selects][1]"]').live('click',function() {
                        if($(this).val() == 73) {
                                $('.node-type-goals #goals-node-form #edit-field-text').show();
                        } else {
                                $('.node-type-goals #goals-node-form #edit-field-text').hide();
                        }
                });
        });

Hope this helps you.

Thanks!