2013-07-26 7 views
0

У меня есть выпадающее меню выбора вынесенного с помощью этого кодаСброса JQuery UI selectmenu выпадающего по умолчанию параметра

@Html.DropDownListFor(m => m.OwnedItemId, Model.Plans, "Select a plan type", new {@class = "selectMenu", id="addPlanSelectmenu"}) 

В представлении это выглядит примерно так:

<select class="selectMenu" data-val="true" data-val-number="The field OwnedItemId must be a number." id="addPlanSelectmenu" name="OwnedItemId" aria-disabled="false"  style="display: none;"> 
    <option value="">Select a plan type</option> 
    <option value="143863">RetirementSaving (143863)</option> 
    <option value="143876">BankAccount (143876)</option> 
    <option value="143913">RetirementSaving (143913)</option> 
    <option value="143929">RetirementSaving (143929)</option> 
    <option value="144030">BankAccount (144030)</option> 

    ... 
</select> 

Я хотел бы пойти по умолчанию после отправки, но я не могу заставить его работать. До сих пор я пытался довольно много вещей, как и один предложил in this answer, используя

$('#addPlanSelectmenu').selectmenu("value", ""); 

достаточно смешной моему пониманию, если я что-то вроде этого

$('#addPlanSelectmenu').selectmenu("value", null); //Or an unexisting value 

она восходит к последней опции список.

Любая идея?

Благодаря

Edit: Я забыл упомянуть, что я думаю, чистый способ просто добавив значение текста по умолчанию, но я даже не знаю, если это возможно с этими помощниками

Edit 2 : я в конце концов сделал его работу, используя этот answer

+0

Обратите внимание, какая версия Selectmenu используется. – fnagel

ответ

1

Попробуйте этот код:

$('#addPlanSelectmenu').selectmenu("index", 0); 
+0

Спасибо @schabluk. Нет, я пробовал это раньше, в соответствии с ответом, который я упоминаю в своем посте, и он не работает. – mitomed

+0

Хм, как насчет этого способа: http://jsfiddle.net/GaJjw/1/ – schabluk

+0

Нет, это не кажется для работы с использованием виджета selectmenu – mitomed

1

Похожие, как resett ING - единственное решение работает для меня:

$('#resetButton').click(function() { 
    $("#Service").selectmenu('destroy'); 
    $("#Service").prop('selectedIndex',0); 
    $("#Service").selectmenu(); 
})'; 
+0

вы попробовали ответ на мой edit2? – mitomed

+0

Да, я пробовал, но он не работал. Может ли это быть из-за версий jquery ui? – takacsot

+1

BTW ... вы можете разделить цепочку все, что вместе ... $ ("# Service"). Selectmenu ('destroy'). Prop ('selectedIndex', 0) .selectmenu(); – Kinoli

0

Немного опоздал на вечеринку, однако, учитывая, что все остальные ответы ошибочными или неполными, я брошу в моих 2 цента!

Все, что вам нужно сделать, это

$('.selectmenu').val(""); // your default option's value 
$('.selectmenu').selectmenu("refresh"); 
0

Ну в MVC @ Html.DropDownListFor это работает для меня с помощью JQuery.

   if ('#resetButton').click(function(){ 
       $("#id").select2('data', null); 
       } 
+0

или даже попробуйте этот $ ("# id"). Select2(). Select2 ("val", "place holder value"); –

Смежные вопросы