使用javascript设置选择选项

时间:2014-02-14 00:05:49

标签: javascript jquery

我有以下选择:

<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>

现在,我希望只使用JavaScript设置select的值(意味着将显示选项文本)。

我尝试了以下内容:

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

然而,这只是将该字段留空。

谁能告诉我这是什么问题?

更新

    $.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)
    }
});

1 个答案:

答案 0 :(得分:1)

试试这个:

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

http://jsfiddle.net/qwJKV/