Динамическое добавление элемента в Select и установка индекса выбора в JQuery - PullRequest
Новая
       26

Динамическое добавление элемента в Select и установка индекса выбора в JQuery

0 голосов
/ 24 февраля 2012

Я создал список динамического выбора, как показано ниже 

for (var i in c) {
            //alert(c[i].IsDefault);
            if(c[i].IsDefault==true){
                //alert('found default');
                $("#AnsType").append("<option value='" + c[i].ID + "'>" + c[i].Code+ "</option>");
                temp = c[i].Code;
            }
            else{
                $("#AnsType").append("<option value='" + c[i].ID + "'>" + c[i].Code+ "</option>");
            }

        }

обновил его 

$('#AnsType').selectmenu('refresh');

Я попробовал все эти методы и попытался выбрать 2-й элемент в списке.для меня.

$('#AnsType').val(temp.toString());
$('#AnsType').get(3).selectedIndex = 3;
$('select#AnsType').val('3');
$("#AnsType option[text='3']").attr("selected","selected") ;
$("#mydropdownlist").attr('selectedIndex', 1);
$('#AnsType').val(3);
$("#AnsType").attr('selectedIndex', 2);
$("#AnsType").val(c[parseInt(temp)].Code);
$("select#AnsType option[selected]").removeAttr("selected");
$("select#AnsType option[value='"+temp+"']").attr("selected", "selected");

вот как создается мой список 

<select id="AnsType" name="AnsType">
        <option value="1">Obokad</option>
        <option value="3">Egen bokning</option>
</select>

Любая помощь приветствуется и заранее благодарим за вашу помощь ..

1 Ответ

1 голос
/ 24 февраля 2012

Если вы хотите, чтобы какой-то элемент был предварительно выбран при создании меню, добавьте атрибут selected к соответствующему элементу опции: 

if(c[i].IsDefault==true){
    $("#AnsType")
        .append("<option value='" + c[i].ID + " selected='selected'">" + c[i].Code+ "</option>");
    temp = c[i].Code;
}

Обратите внимание, что вам нужно снова обновить меню выбора после того, как выпрограммно изменить значение базового элемента выбора: 

$('#AnsType').val('3');
$('#AnsType').selectmenu('refresh');

Документация

обновить обновить пользовательский выбор
Этоиспользуется для обновления пользовательского выбора, чтобы отразить значение собственного элемента выбора.Если количество параметров в выборе отличается от количества элементов в пользовательском меню, оно перестроит пользовательское меню.Кроме того, если вы передадите истинный аргумент, вы можете заставить перестроение произойти

...