如何根据我的ajax请求设置选项值?

时间:2017-04-14 07:30:29

标签: javascript jquery ajax select

我有一个html,有选择选项。默认情况下,选择默认值,如第一个选项。 某处我请求ajax请求获取该选项的值。 我得到了3(例如)我使用Jquery做了一些事情,但价值没有得到更新。 这是我的片段。

HTML代码

<select class="form-control custom-form-control font-16 table-form-control" id="edit_merchant_id">
    <option value="">Select Merchant</option>
        <option value="1" merchantname="Yoox.com">Yoox.com</option>
        <option value="2" merchantname="Best Buy">Best Buy</option>
        <option value="3" merchantname="Walmart">Walmart</option>
        <option value="4" merchantname="Lane Bryant">Lane Bryant</option>
        <option value="5" merchantname="Reebok">Reebok</option>
        <option value="6" merchantname="adidas">adidas</option>
        <option value="7" merchantname="Urban Outfitters">Urban Outfitters</option>
</select>

Jquery代码

$("#edit_merchant_id select").val(parseInt(response.merchant_id));

2 个答案:

答案 0 :(得分:1)

您的选择器不正确$("#edit_merchant_id select")替换为$("#edit_merchant_id")

var response = {};
response.merchant_id = 5;
$("#edit_merchant_id").val(response.merchant_id);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="form-control custom-form-control font-16 table-form-control" id="edit_merchant_id">
    <option value="">Select Merchant</option>
        <option value="1" merchantname="Yoox.com">Yoox.com</option>
        <option value="2" merchantname="Best Buy">Best Buy</option>
        <option value="3" merchantname="Walmart">Walmart</option>
        <option value="4" merchantname="Lane Bryant">Lane Bryant</option>
        <option value="5" merchantname="Reebok">Reebok</option>
        <option value="6" merchantname="adidas">adidas</option>
        <option value="7" merchantname="Urban Outfitters">Urban Outfitters</option>
</select>

答案 1 :(得分:1)

你可以这样做

这将选择select&amp; option&amp;将更新所选选项

$('#edit_merchant_id option[value="3"]').attr('selected', 'selected')

DEMO