私の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")

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>

0123と交換 $("#edit_merchant_id select")正しくありません。この

ようにあなたが行うことができます

Answer 2

これはselect & option &が選択されたオプションのhtmlあなたを見て

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

DEMO