<select style="height: 28px;border-radius: 5px;"  class="input-md selectpicker" data-live-search="true" id="ruleSeleted" name="ruleSeleted">
</select>

var $jQuery = $;
<script src="${request.contextPath}/static/plugin/jquery/template-web.js"></script>

<script type="text/html" id="rule_temp">
    <option value=""></option>
    {{ each list item index}}
    <option value="{{item.ruleId}}" data-code="{{item.ruleId}}" data-name="{{item.ruleName}}" data-state="{{item.ruleState}}" data-type="{{item.ruleType}}">{{item.ruleName}}</option>
    {{/each}}
</script>

 $.ajax({
        "url":path + "XXXXX",
        "type":"POST",
        success:function(res){
            
            var enentRulehtml = template('rule_temp',{
                list:res
            })
            $('#ruleSeleted').html(enentRulehtml)
         }
}）