如何在具有多個參數的表單控件選項中填充組合框中的選定項目？

Question

我想將已保存的選定項目填充到窗體控件中。

<select class="form-control"> 
    <option data-parameter-id="685" data-parent-id="1052" data-aggregation-id="null" data-aggregation-parameter="null">ABC</option> 
    <option data-parameter-id="993" data-parent-id="0" data-aggregation-id="43" data-aggregation-parameter="2">DEF</option> 
    <option data-parameter-id="993" data-parent-id="0" data-aggregation-id="39" data-aggregation-parameter="null">XYZ</option> 
<select> 

當我得到外部輸入的值（例如：選擇具有數據匯聚ID = 39第三行）從選項必須選擇相應的值。 我已經寫的代碼爲

var savedOrderedAttributeId = $('#ordered-attribute-id').val(); 
var savedOrderedAttributeAggregationId = $('#ordered-aggregation-id').val(); 
var selectorForOptionWithSavedParameter = '"select"'+ ' option[data-aggregation-id="' + savedOrderedAttributeAggregationId + '"' + 'data-parameter-id="' + savedOrderedAttributeId + '"]'; 
$(controlSelector).find("select").val($(controlSelector).find(selectorForOptionWithSavedParameter).val()); 

什麼樣的代碼更改必須做選擇基於這兩個參數的選項？

Answer 1

首先，您必須遍歷您的選擇選項並檢查哪個選項與您要查找的數據聚合ID匹配。例如。

var savedOrderedAttributeId = $('#ordered-attribute-id').val(); 
 
var savedOrderedAttributeAggregationId = $('#ordered-aggregation-id').val(); 
 
    
 
$('select option').each(function(o) { 
 
    
 
    if($(this).data('aggregation-id') == savedOrderedAttributeAggregationId && 
 
    $(this).data('parameter-id') == savedOrderedAttributeId) { 
 
    //alert('found it'); 
 
    $(this).attr('selected', 'selected'); 
 
    return false; 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select class="form-control"> 
 
    <option data-parameter-id="685" data-parent-id="1052" data-aggregation-id="null" data-aggregation-parameter="null">ABC</option> 
 
    <option data-parameter-id="993" data-parent-id="0" data-aggregation-id="43" data-aggregation-parameter="2">DEF</option> 
 
    <option data-parameter-id="993" data-parent-id="0" data-aggregation-id="39" data-aggregation-parameter="null">XYZ</option> 
 
<select>