Having javascript issue with dropdown boxes submitting?

Question

I have three dropdowns that are populated from 3 different mysql tables from php. It is for an employee tracking system.

The first dropdown has a bunch of fields and one that basically says they are "Out of Office".

I want the Product and the Project dropdown to be disabled and to automatically go to our "N/A" row respectively for each table.

I have the following js:

<script>    
$(function() {
            $("#f_activity_id").change(function() {
                if ($(this).val() == "7") {
                    document.getElementById('f_product_id').value='16', 
                    document.getElementById('f_segment_id').value='7',
                    $("#f_segment_id").prop("disabled", true),
                     $("#f_product_id").prop("disabled", true);

                }
                else
                    $("#f_product_id").prop("disabled", false),
                    $("#f_segment_id").prop("disabled", false);
            });
        });    
</script>

Well it seems like my script is right because it disables the second two dropdowns and it sets them to "N/A" which correlates to id 16 and 7. But on submit the two fields are null which I guess is because I am disabling them? So how do I gray them out and still allow them to submit correctly?

chiliNUT · Accepted Answer · 2014-05-24 20:07:07Z

1

after the change event code add this

$('#yourForm').submit(function () {
        $("#f_product_id").prop("disabled", false),
        $("#f_segment_id").prop("disabled", false);
});

answered May 24, 2014 at 20:07

chiliNUT

19.5k14 gold badges72 silver badges116 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

blankip Over a year ago

Thank you. That worked for submitting. I found one issue though with my code. If I go to edit the entry the javascript doesn't preload. The person editing would have to click off and back on the first dropdown to gray the second two out. Is there a way to get this to read on page load?

chiliNUT Over a year ago

at the bottom

<?php if ($someVarYouAreLoadingTheirStatusFrom === 'outOfOffice') { echo "$('#outOfOfficeChoiceInDropDown').click();"; } ?>

blankip Over a year ago

What is #outOfOfficeChoiceInDropDown supposed to be? Whatever I try just prints on the page.

chiliNUT Over a year ago

that is psuedocode :-) your example describes no mechanism for retrieving data from the server, which is what you would have to do.

Collectives™ on Stack Overflow

Having javascript issue with dropdown boxes submitting?

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related