Pierce McGeough
Pierce McGeough

Reputation: 3086

Set Chosen value from option text

I have a form which uses the Chosen dropdown. If the option the user wants is not available then they can show a modal with a form to add a new option. After the new option is submitted then the modal closes and the data stays in the fields and the chosen option is selected.

How do I set the chosen option selected by the text with jquery/JS. I wont know the value as its an id that is added in the database

$('#save_town').click(function(e){
    e.preventDefault();
    var town_name = $('#new_town').val();
    var region_id = $('#new_region').val();
    $.ajax({
        type: 'POST',
        data: {town_name: town_name, region_id: region_id},
        url: '{/literal}{$base_url}{literal}settings/towns/do-add',
        success: function(result){
            $('.modal').modal('hide');
            location.reload();
        },
        error: function(){
        }
    });
});

Upvotes: 0

Views: 504

Answers (1)

jacksbox
jacksbox

Reputation: 929

I´m not sure I understand your question correctly, but maybe thats an solution:

$('option').each(function(){
    if($(this).html() == "goodby"){
        $(this).attr('selected','selected');
    }
});

with this, you can select an option by its text.

example: http://jsfiddle.net/TQnTy/

Upvotes: 1

Related Questions