Question

我有2个选择下拉列表，有时每个只有2个选项

＆＃34;请选择＆＃34;和＃34; True Option＆＃34;。

在这种情况下，我希望它自动选择＆＃34; True Option＆＃34;。＆＃34; True Option＆＃34;的值不会永远不变，但是＆＃34;请选择＆＃34;值将始终为空，因此我需要选择非空值的那个。

＆＃13;

pmt:SingAddInfo[contains(upper-case(cmn:AddInfoCmpType),"PMTREL")]

＆＃13;

if ($('.product-options .inputbox').size() == 2) {
  $('.product-options .inputbox').not(.val('')).attr('selected', true);
}

＆＃13;

Answer 1

您可以使用.each函数循环选择。

$(function(){
  $("select").each(function(i, e){
    var $e = $(e);
    
    if($e.children().length == 2){
      $e.find("option[value='']").attr("selected", false);
      $e.find("option[value!='']").attr("selected", true);
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="product-options">
<div id="option-98" class="options_class">
    <div>
        <strong>Size:</strong>
        <select id="options98" class="inputbox" name="options[98]" onchange="updatePrice();">
            <option value="" selected="selected">--- Please Select ---</option>
            <option value="99">Small</option>
        </select>
    </div>
</div>
<div id="option-99" class="options_class">
    <div>
        <strong>Color:</strong>
        <select id="options99" class="inputbox" name="options[99]" onchange="updatePrice();">
            <option value="" selected="selected">--- Please Select ---</option>
            <option value="100">Black</option>
        </select>
    </div>
</div>
<div id="option-100" class="options_class">
    <div>
        <strong>Select with 3 values:</strong>
        <select id="options100" class="inputbox" name="options[100]" onchange="updatePrice();">
            <option value="" selected="selected">--- Please Select ---</option>
            <option value="100">One</option>
            <option value="101">Two</option>
        </select>
    </div>
</div>
</div>

如果只有两个选项，则从下拉列表中自动选择

1 个答案: