最初のページの読み込み後にページに動的項目を表示

Question

私はHTMLビューをレンダリングするためにASP.Net mvcを使用しています。

ビューは、ドロップダウンリストと私は私の見解モデルでコレクションを使用してドロップダウンリストを読み込むラベル

が含まれています。

コレクションはフルーツがドロップダウンリストには、各フルーツの名前を表示し、FruitId

Iの値を持つことになります

FruitId 
    Name 
    FruitType 

として定義されている果物

IList<Fruit> fruit 

と呼ばれていると言うことができますドロップダウンリストの値を変更する私のラベルの値を表示したいFruitType。

私はこれを行うのカップルの方法を考えることができます。

1. はFruitTypeのすべての値のラベルタグを書き出します。ロード時に最初のものを表示するCSSクラスを与え、select onchangeイベントでラベルを表示/非表示にするjavascriptを追加します。

2. htmlのどこかでFruitのjson配列を提供しますそのページのスクリプトがどこかにある）。私はjsonを検索し、それに応じてラベル値を変更するselectのonchnageイベントにjavascriptを追加します。

私は2つの質問があります。

1. 私は何かを明らかに足りないが、これは良い方法で行うことができますか？

2. 2がいい考えではない場合、jsonがhtmlにjsonを使用できるようにするにはどこに入れますか？

Answer 1

別のアプローチを使用すると、ドロップダウンリストを生成するとき、あなたはFruitTypeを保存する場所ドロップダウン値の変化は、単に選択した項目からdata-fruit-type属性を読んで、その後とき、data-fruit-typeを言って、データ属性が含まれていることです。