PHP Validation and hidden dropdown box

Question

I have an Placeholder Value input box that is set to display:none; on page load due to it being controlled jQuery and shows when the Placeholder dropdown box is selected to yes.

My issue is that I have used the Codeigniter Validation for the form and if I have an error on the form the page reloads the Placeholder dropdown box states yes but the Placeholder Value input box disappears.

Would my best bet be to create a callback_ function that basically states if yes is selected show the input box?

jQuery:

              $("#add_fields_placeholder").change(function()
    {
        if($(this).val() == "yes")
    {
        $('label[for="add_fields_placeholderValue"]').show();
        $("#add_fields_placeholderValue").show();
    }
    else
    {

        $('label[for="add_fields_placeholderValue"]').hide();
        $("#add_fields_placeholderValue").hide();
    }
        });

View:

<label for="add_fields_placeholder">Placeholder: </label>
<select name="add_fields_placeholder" id="add_fields_placeholder">
    <option value="">Please Select</option>
    <option value="yes" <?php echo set_select('add_fields_placeholder','yes', ( !empty($placeholderType) && $placeholderType == "yes" ? TRUE : FALSE ));?>>Yes</option>
    <option value="no" <?php echo set_select('add_fields_placeholder','no', ( !empty($placeholderType) && $placeholderType == "no" ? TRUE : FALSE ));?>>No</option>
</select>

<label for="add_fields_placeholderValue">Placeholder Text: </label>
<input type="text" name="add_fields_placeholderValue" id="add_fields_placeholderValue" value="<?php echo set_value('add_fields_placeholderValue'); ?>">

Controller Validation:

$this->form_validation->set_rules('add_fields_placeholder', 'Placeholder', 'trim|required|xss_clean|callback_dropdown_check');

$this->form_validation->set_rules('add_fields_placeholderValue', 'Placeholder Text','trim|xss_clean');

I guess you need to check the actual state of the dropdown so every time your page loads you'll check the state and make the necessary changes to the other field. I think that this question is not PHP related since there is no PHP errors so if I'm not mistaken could you please change the tags? =) — user745235
– user745235, Commented Aug 15, 2012 at 0:20
You used javascript to display the hidden field? If so, you just need to call this also in the load of the page ;) — user800014
– user800014, Commented Aug 15, 2012 at 1:21
@SérgioMichels Could you provide me an example it seems I could not get one stackoverflow.com/questions/11961248/… I was thinking this was the case — Jess McKenzie
– Jess McKenzie, Commented Aug 15, 2012 at 1:59
@JessMcKenzie please, post your code that shows the hidden field. — user800014
– user800014, Commented Aug 15, 2012 at 2:10

user800014 · Accepted Answer · 2012-08-15 03:04:56Z

1

When the page loads, you will need to trigger the change of the add_fields_placeholder. Just make sure that the yes option is selected. The code will be something like:

function initChangeEvent() {
  $("#add_fields_placeholder").change(function() {
    if($(this).val() == "yes") {
        $('label[for="add_fields_placeholderValue"]').show();
        $("#add_fields_placeholderValue").show();
    } else {
        $('label[for="add_fields_placeholderValue"]').hide();
        $("#add_fields_placeholderValue").hide();
    }
  });
}

$(function(){
  initChangeEvent();
  $("#add_fields_placeholder").trigger('change');  
})

answered Aug 15, 2012 at 3:04

user800014

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

2 Comments

Jess McKenzie Over a year ago

It does not seem to load the input box when yes is selected no error

user800014 Over a year ago

Still not showing the input for you? I just tried the link and it works.

Asmarah · Accepted Answer · 2012-08-15 09:27:52Z

0

You can also place this code in document.ready function. It will work

if( $("#add_fields_placeholder").val() == "yes")
{
    $('label[for="add_fields_placeholderValue"]').show();
    $("#add_fields_placeholderValue").show();
}
else
{

    $('label[for="add_fields_placeholderValue"]').hide();
    $("#add_fields_placeholderValue").hide();
}
    });

answered Aug 15, 2012 at 9:27

Asmarah

1348 bronze badges

1 Comment

Jess McKenzie Over a year ago

It does not seem to load the input box when yes is selected no error

Collectives™ on Stack Overflow

PHP Validation and hidden dropdown box

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related