here is my solution to it (a little sloppy code sorry):

// set the proper index
var t = $(this).find(‘span.value’).text();
for (var i = 0; i < realselect[0].options.length; i++) {
if (realselect[0].options[i].innerHTML == t) {
realselect[0].selectedIndex = i;
}
}
//the above code is to replace this line:
//realselect[0].selectedIndex = $(this).find('span.value').text();

To achieve the result you’re looking for, you’ll need to play a bit with selectedIndex. You’ll need to set up a conditional for each index you’d like to hook with an appearing input box. The way you’d hook it would be via the change event in jQuery. The pseudocode would look something like this:

On mySelect.change
Check to see if the new selectedIndex equals x (where x is the index you’re looking for)
If selectedIndex does equal x, show the input, if not, hide it

Does that help a bit to get started?

First of all, I’m a big fan of MBN. I really enjoy reading everything you have to say.

I do have one question, though… I was going to email it, but I figured others were probably wondering the same thing.

Is there a way to make it so if the user selected a certain option, let’s say option two, to have an input box slide out from under it, asking them for one more piece of information? Essentially, a conditional input field, but with options instead of radio or checkboxes? I haven’t found anything that deals with them, and I would really appreciate it if you could help me out!

Thanks so much!

The only 2 problems / remarks i have are :

- on page load, – the options div is shown by default.
i can hide this y setting it CSS to display none – but im not sure if thats okay?

- also, when selecting an option in the dropdown, it is not shown into the box… i can see the dropdown with the options, but when i click one, the upper field just stays empty…

any help on these???

thanks alot!

@Daniel Laughland: You’re absolutely correct. In fact, that’s what I’m currently working on as this project progresses. I’ll be sure to include an outline of keyboard support as that becomes available. I’m also considering releasing the example as a plugin once other form elements are taken care of. Thanks very much for bringing that up, as I’m surprised to have left it out of the article itself!