将列表项从控制器传递到javascript函数并在asp.net mvc中搜索项？

Question

请大家帮帮我！

我在控制器中有一个项目列表，每个项目包含 2 个属性，它就像一个包含 2 列的表格：

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

我使用 ViewBag 将列表从控制器传递到 javascript：

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

我在视图中有一个下拉列表，它包含一个 ID 列表。

我有一个文本框，我需要它自动填充下拉列表中选择的值。

viewbag中的列表和下拉列表不一样！ 下拉列表包含更多 ID

示例：

$('#Dropdown').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" />