Как установить базовое значение для выбора окна Bootstrap Smartadmin

Я работаю с начальной загрузкой, которая использует тему SmartAdmin.

Это превращает всю структуру HTML в <section><div> структура включает <select><option>,

Так что я его вывод выглядит ниже.

<section id="00000001" class="col col-md-6">

        <label class="label">SomeLabel 
            <sapn class="cp_id_text"></sapn>            
        </label>

        <label class="select">
            <div class="select2-container form-hidden-control" id="s2id_00000001" title="" style="width: 100%;"><a href="javascript:void(0)" class="select2-choice" tabindex="-1">   <span class="select2-chosen" id="select2-chosen-9">20th Century Fox Film Corporation(00000001)</span><abbr class="select2-search-choice-close"></abbr>   <span class="select2-arrow" role="presentation"><b role="presentation"></b></span></a><label for="s2id_autogen9" class="select2-offscreen"></label><input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-9" id="s2id_autogen9"></div><input type="text" class="form-hidden-control select2-offscreen" id="00000001" name="cp_id" value="" data-init-text="" inputtype="select" title="" maxlength="50" tabindex="-1">
            <script>$("#00000001").select2(selects2Option('00000002','cp_id'));</script>
        </label>    
    <script>

        $("#00000001").attr("maxlength", "50");
    </script>
</section>

Так как я не могу найти ни одного <select> теги, я не могу использовать выбранный атрибут, чтобы установить значение по умолчанию.

Я могу найти его через JQuery parent(), find() и так далее, но это не выглядит эффективностью. Есть ли способ, которым я могу справиться простым способом, как selected?

Сайт SmartAdmin говорит, что они используют select2 api, но они не упомянули, как установить значение по умолчанию.

сайт: http://192.241.236.31/smartadmin/BUGTRACK/track_/documentation/index.html

Благодарю.

Источник

2 ответа

Решение

Если вы видите select2 демо вы найдете область программного доступа, где они дали, как установить значение на button нажмите кнопку. То же самое можно использовать для установки значения по умолчанию после инициализации, как показано ниже:

<select class="js-example-programmatic">
  <option value="one">First</option>
  <option value="two">Second</option>
  <option value="three">Third</option>
</select>

Js

$(document).ready(function() {
     $(".js-example-programmatic").select2();
     var $example = $(".js-example-programmatic");
     $example.val("three").trigger("change");
});

ДЕМО ЗДЕСЬ

Источник

Я решил эту проблему сам. Ответ @Guruparasad Rao был довольно полезным, но я хочу поговорить о том, как я решил. (Поскольку это немного отличается)

Сначала я взял элемент, который связывает с select2.

target.select2('destroy');
        var data = [
                    {id: 'admin', text: 'admin'}
                    , {id: 'visitor', text: 'visitor'}
                    , {id: 'buyer', text: 'buyer'}];
        target.addClass('col-md-12').select2({data : data, multiple: true});

одна вещь, которую я хочу упомянуть, использует id а также text ключ фиксированный синтаксис в select2. Объект должен содержать эти ключевые слова.

Источник
Другие вопросы по тегам