Get value from select option with jQuery UI

Question

I have problem with getting values from select option when use JQuery UI $('#id').combobox(). When i use simple JQuery without Ui it work but when i use Ui it can't get Value. Here some of my HTML code:

<table>
    <tr>
        <td>Reset by: </td>
        <td>
            <select name="resetType" id="resetType">
                <option value="email" selected>Email</option>
                <option value="phone">Phone's Number</option>
                <option value="username">Username</option>
            </select>
        </td>
    </tr>
    <tr>
        <td id="type"></td>
        <td><input type="text" name="type"/></td>
    </tr>
</table>

Here my JQuery Code:

$(function(){
    $('#resetType').combobox(); // Code have Problem
    switch($('#resetType').val()){
    case 'email':
        $('#type').html('Email: ');
    break;
    case 'phone':
        $('#type').html('Phone: ');
    break;
    case 'username':
        $('#type').html('Username: ');
    break;
    }
})

Mark Pieszak - Trilon.io · Accepted Answer · 2012-08-09 03:47:22Z

1

I did [name*="type"] here because you didn't give that textbox an ID or anything, so i'm simply searching for it by name attribute.

$('#resetType').on('change', function () {
    $('[name*="type"]').val($(this).find('option:selected').val());       
});

Here's a working demo: http://jsfiddle.net/JwB6z/2/

answered Aug 9, 2012 at 3:47

Mark Pieszak - Trilon.io

68.3k15 gold badges84 silver badges96 bronze badges

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

1 Comment

Sovanrith Prak Over a year ago

But when i use $('#resetType').combobox() to display JQuery UI my code will error can't get values. $('#resetType').combobox(); $('#resetType').on('change', function () { $('[name*="type"]').val($(this).find('option:selected').val()); });

Collectives™ on Stack Overflow

Get value from select option with jQuery UI

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related