jqueryを使用して以前に選択した値を保持できる選択肢にデフォルトのオプションを配置します。

Question

まだ重複はありません。
私はこの回答をどこにも見つけることができません。

ウェブアプリケーション用の小さなプラグインを作成していますが、すべての選択ボックスに無効のデフォルトオプションを設定します：<option disabled='disabled'>-Select-</option>。

これは、ユーザーが自分の情報に戻って編集できることを除いて、簡単に実行できます。

if ($this.val()) { 
          ... 
         } else { 
          $this.prepend("<option disabled='disabled' class='disabled'>-Select-</option>")[0].selectedIndex = 0; 
         } 

私は一例であり、他のソリューションを、しようとしていますので、私は選択が選択された値を持っているかどうかを確認する必要があります。

編集：アイデアは、最初の時間は、彼らが来るか、彼らが以前に選択していない場合、それはブラウザがデフォルトのオプション自体（設定どこに問題が発生している無効選択オプション

にデフォルト設定されるということです最初の1つ）。 $ this.val（）には値がありますが、実際にはユーザーが値を選択していません。

そこで質問です：
あなたはまだjqueryのを使用して、以前に選択した値を保持することができ、その選択にデフォルトのオプションを配置するにはどうすればよいですか？

Answer 1

だから私が今やっているdropdownlistforのための私自身のHTMLヘルパーを作っているもの。

これは、ユーザーのデータベース値をselectタグに挿入し、javascriptがそこから取得します。

のHtmlHelper

public static class MvcHtmlExtensions 
{ 
    public static MvcHtmlString DropDownListFor<TModel, TValue>(this HtmlHelper<TModel> htmlHelper, 
     Expression<Func<TModel, TValue>> expression, IEnumerable<SelectListItem> selectList, 
     object htmlAttributes, bool userSelection) 
    { 
     if (userSelection == true) 
     { 
      object additionalAttributes = new { userSelection = expression.}; 

      var newHtmlAttributes = new RouteValueDictionary(htmlAttributes); 
      foreach (var item in new RouteValueDictionary(additionalAttributes)) 
      { 
       newHtmlAttributes[item.Key] = item.Value; 
      } 

      return Html.SelectExtensions.DropDownListFor(htmlHelper, expression, selectList, newHtmlAttributes); 
     } 
     else 
     { 
      return Html.SelectExtensions.DropDownListFor(htmlHelper, expression, selectList, htmlAttributes); 
     } 
    } 
} 

Javascriptを：

var $selectTemplate = $("<option disabled='disabled' class='disabled'>-Select-</option>"); 
      $this.prepend($selectTemplate); 
      if ($this.filter("[userSelection]").attr("userSelection") > 0) { 
       $this.val($this.attr("userSelection")); 
      } else { 
       $this[0].selectedIndex = 0; 
      } 

Answer 2

私はこれがあなたの望むものだと信じています。私が間違っているなら私を訂正してください。これは、デフォルトオプション（最初のオプション）を設定し、ユーザーがドロップダウンから実際のオプションを選択したときにそれを削除します。

HTML：

<select id="select"> 
    <option>Default Option</option> 
    <option>Option One</option> 
    <option>Option Two</option> 
    <option>Option Three</option> 
</select> 

jQの：

$('select').change(function(){ 
    var $defaultOpt = $(this).find('option:contains(Default Option)'); 
    if ($defaultOpt) { $defaultOpt.remove(); } 
}); 

例：http://jsfiddle.net/elclanrs/LWfJM/