[Aillyn]

Hello, I'm new in Grocery Crud and I have a problem in my project. I have a dropdown in my view and when I'll choose the 2nd value of the dropdown I want that appears an edit (input "text") to add one more value. How can I do that using Grocery Crud??? If there's no solution with Grocery Crud how can I implement that?? Thanks for helping me!!

[kenshicu]

hi, I need to do something similar. perhaps the solution is to modify the library /topic/1087-updated-24112012-dependent-dropdown-library/

[Amit Shah]

Well dont think you really need to hack into the library, 

You can achieve the workaround using javascript / jquery. 

Create a custom javascript file

Add the javascript file by using set_js function of grocery crud

Inside window.load function .. using jquery, assign the change event to the dropdown field

in there, pickup the text of the selected dropdown and apply the same to the field you want to apply it to. .

 

The solution surely will work.!!

[Aillyn]

Ok, thanks for the instruction, I'll try to do that. I think in that solution using JS/ jquery, but I don't really know how I use it with Grocery Crud, because Grocery Crud render automatically the view. If I had another doubt I will post here. Thanks!!!

[kenshicu]

this is an example I tried in the view (in the end), I think there's the essence of the solution.

<script type="text/javascript">
    (function($) {
      $(document).ready(function() {
        var field2 = $('select[name="field2"]');
            field2.children().remove().end();
            field2.append('<option value="Value1">Value1</option>')
            field2.trigger("liszt:updated");    
            
        $('#field-field1').on('change', function() {
            if( (document.getElementById('field-field1').value)==1 )
            {
                field2.removeAttr('disabled');
                field2.children().remove().end();
                field2.append('<option value="Value1">Value1</option>')
                field2.append('<option value="Value2">Value2</option>')
                field2.append('<option value="Value3">Value3</option>')
                field2.trigger("liszt:updated");
            }else{
                field2.children().remove().end();
                field2.append('<option value="Value1">Value1</option>')
                field2.trigger("liszt:updated");        
            };
        });
        
      });
    })(jQuery);
  </script>

[Amit Shah]

Well adding it in the view will make it available to all the other functions too.. that is why it is recommended to do it in custom script

[Sonxerdan]

I have the same problem, but in my case, in addition to choosing a certain value would appear new boxes to enter data, the fields would have the names changed. (Eg if event equal anniversary (1) name should display {birthday}, if event equal to marriage, name must have two entries displaying {bride} {fiance}.

We can do this by the controller?

I have the same problem, but in my case, in addition to choosing a certain value would appear new boxes to enter data, the fields would have the names changed. (Eg if event equal anniversary (1) name should display {birthday}, if event equal to marriage, name must have two entries displaying {bride} {bride}