Add Textfield to Form Select

Add a custom form textfield option in a form select.

by SullysRants

HTML

<select id="foo" name="foo">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
    <option value="custom">Custom</option>
</select>

JavaScript

$('#foo').change(function () {
    if ($(this).val() === 'custom') {
        $(this).replaceWith('<input name="foo" type="text" />');
    }
});