javascript - 如何根据我的ajax请求设置选项值？

Question

我有一个 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));

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