zmpeg / showfor

Used with selects to narrow down options.

showfor

• Download
• Website

Introduction

Showfor is a tool for making on select box depend on another select box. You can narrow the number of options in the child select based on the parents value. Simply give the child options a class with the id of the parent like this: <option class="show-for-####">blue</option> where #### is the value of the parent for which that option should display. Showfor will always show options with no value.

Usage

To start showfor simply call it using jquery: $("#child").showfor("#parent"); Showfor accepts a few options as a second argument like this:

$("#child").showfor("#parent, {
    hideChild: true/false,    // hides child options until the parent has a value
    disableChild: true/false, // disables child until parent has a value.
});

CakePHP Behavior

The file showfor.php is a Cakephp behavior for magically building the select options. Rather than using find('list') in the model use showfor('RelatedModel') where RelatedModel is the model the select depends on. I know these examples are really confusing, email me if you are stuck. [email protected]

In your Model:

var $actsAs = array('Showfor');

In the controller:

$this->set('parentModels', $this->Model->ParentModel->find('list');
$this->set('models', $this->Model->showfor('ParentModel');

In the view:

<?= $this->Form->input('parent_model_id'); ?>
<?= $this->Form->input('model_id'); ?>
<?= $this->Html->scriptBlock("$('#ModelId').showfor('#ModelParentModelId');"); ?>

showfor's Issues

Broken in IE, Opera

Problem with using disabled="disabled" attribute on <option> tags.