asp.net mvcのコントローラからjavascript関数と検索項目にリストアイテムを渡しますか？

Question

皆さん助けてください！

Iは、コントローラ内のアイテムのリストを持って、各アイテムは、2属性が含まれている、それが2列を含む田部のように：

：

|--ID--|--Value--| | A | 2 | | B | 4 | | C | 5 | | D | 8 |

IはViewBagを使用してコントローラからJavaScriptにリストを渡します

var Drinks = @Html.Raw(Json.Encode(ViewBag.Drinks));

私はビューにドロップダウンを持っています、それはIDのリストを含んでいます。

私はテキストボックスを持っています。ドロップダウンで選択した値で自動的に入力する必要があります。

ビューバックのリストとドロップダウンリストは異なります。 ドロップダウンリストには、より多くのID

を含ま

例：。

$（ '＃ドロップダウン'）のval（）= 'C';

リストID = 'C'を検索し、$（ '＃Textbox'）を設定します。val（）= '5';

ありがとうございました！

Answer 1

私は、JSONオブジェクトの形式であるかわからないが、このようなものは、あなたが前進するために役立つはずです。

var json = [ 
 
     { value: "A" }, 
 
     { value: "C" }, 
 
     { value: "E" }, 
 
     { value: "G" }, 
 
     { value: "I" } 
 
    ]; 
 

 
    $("#select").on("change", function() { 
 
     var dropDownList = $(this); 
 
     var selectedValue = dropDownList.val(); 
 
     
 
     var selectedObject = json.find(v => v.value === selectedValue); 
 
     
 
     if (selectedObject !== null && selectedObject !== undefined) { 
 
     $("#textToUpdate").val(dropDownList.find("option:selected").text()); 
 
     } else { 
 
     $("#textToUpdate").val(""); 
 
     } 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <select id="select"> 
 
     <option value=""></option> 
 
     <option value="A">Drink 1</option> 
 
     <option value="B">Drink 2</option> 
 
     <option value="C">Drink 3</option> 
 
     <option value="D">Drink 4</option> 
 
     <option value="E">Drink 5</option> 
 
     <option value="F">Drink 6</option> 
 
     <option value="G">Drink 7</option> 
 
     <option value="H">Drink 8</option> 
 
     <option value="I">Drink 9</option> 
 
     <option value="J">Drink 10</option> 
 
    </select> 
 

 
    <input id="textToUpdate" type="text" value="This will be updated" />