jqueryを使用してドロップダウンリストの最初のオプションの値を設定する

Question

jqueryを使用してモーダルフォームにデータを入力しようとしていますが、ドロップダウンリストを機能させることができません。私はjqueryを初めて使っているので、正しいことをしているかどうかはわかりません。これは私がデータを使用してjQueryのに値を渡す方法です：

<a class="btn btn-primary btn-xs" data-toggle="modal" data-target="#editItem" data-id="<?php echo $row_selectItem['item_id'];?>" data-no="<?php echo $row_selectItem['item_no'];?>" data-desc="<?php echo $row_selectItem['item_desc'];?>" data-cat="<?php echo $row_selectItem['cat_name'];?>" data-unit="<?php echo $row_selectItem['unit_name'];?>" data-quantity="<?php echo $row_selectItem['quantity'];?>" data-cost="<?php echo $row_selectItem['unit_cost'];?>" > 

そして、これは私がjQueryの上で値を設定し、モーダルフォーム上でそれらを表示する方法を示します。

$('#editItem').on('show.bs.modal', function (e) { 
       var id = $(e.relatedTarget).data('id'); 
       var no = $(e.relatedTarget).data('no'); 
       var desc = $(e.relatedTarget).data('desc'); 
       var cat = $(e.relatedTarget).data('cat'); 
       var unit = $(e.relatedTarget).data('unit'); 
       var cost = $(e.relatedTarget).data('cost'); 
       var quantity = $(e.relatedTarget).data('quantity'); 
       $("#item_id").val(id); 
       $("#item_no").val(no); 
       $("#item_desc").val(desc); 
       $("#category option:first").val(cat); 
       $("#unit option:first").val(unit); 
       $("#unit_cost").val(cost); 
       $("#quantity").val(quantity); 
      }); 

      $('#editItem').on('hidden.bs.modal', function() { 
      $(this).removeData('bs.modal'); 
     }) 

カテゴリとユニットがドロップダウンされていますリスト。ここでは、前の値をドロップダウンリストの最初のオプションとして表示する必要があります。残りは働いています。

これはモーダルフォームでの選択用のコードです。残りの部分は含めず、ユニットとカテゴリの選択のみを行います。任意の助けいただければ幸いです:)

<div class="form-group"> 
    <select class="form-control" id="category" name="category"> 
    <option value=""></option> //value should be here 
    </select> 
    <span class="help-block"></span> 
</div> 
<div class="form-group"> 
    <select class="form-control" name="unit" id="unit"> 
    <option value=""></option>//value should be here 
    </select> 
    <span class="help-block"></span> 
</div> 

Answer 1

は、あなたがこの

$("#category > option:first-child").val(cat); 
$("#unit > option:first-child").val(unit); 

そして、あなたが同様にオプションのテキストを設定する場合を試すことができますそれはあなたのHTMLコード

であると仮定すると：

$("#category > option:first-child").text(cat); 
$("#unit > option:first-child").text(unit); 

ただし、選択値に既にオプションのリストが含まれていて、削除する場合は選択したものを上に追加すると、このようなことをすることができます