使用javascript设置选择选项

Question

I have the following select:

<select id="select_produckt" class="form-control">
    <option id="select_default" selected="" value="0">Vælg produkt</option>
    <option value="1">NP 89,-</option>
    <option value="2">NN 89,-</option>
    <option value="3">NP 99,-</option>
    <option value="4">NN 99,-</option>
    <option value="5">NP 119,-</option>
    <option value="6">NN 119,-</option>
    <option value="7">NP 139,-</option>
    <option value="8">NN 139,-</option>
    <option value="9">NP 169,-</option>
    <option value="10">NN 169,-</option>
    <option value="11">NP 239,-</option>
    <option value="12">NN 239,-</option>
</select>

Now, I wish to simply set the value of the select with JavaScript (meaning that the options text will be shown).

I've tried the following:

$('#select_produckt').val(2)

This, however, just left the field blank.

Can anyone tell me what the problem is?

Update

    $.ajax({
    type: 'POST',
    url: '/Excel_Data/getSale',
    data: {
        request: 'ajax',
        row_id: id,
        list_id: list_id
    },
    success: function (data) {
        $('#product_selection').removeClass('hidden');
        alert(parseInt(data))
        $('#select_produckt').val(""+data)
    }
});

Answer 1

Try this:

$('#select_produckt').find('option')[2].selected = true;

http://jsfiddle.net/qwJKV/