如何使用 DropDown 发送数据答案

【问题标题】：How to use DropDown to sent data如何使用 DropDown 发送数据
【发布时间】：2017-03-09 14:07:41
【问题描述】：

在 MVC 应用程序中，我通过 javascript 和 Json 使用 DropDown 列表，

这是脚本：

//load List
    $(document).ready(function () {
        $.getJSON("/home/getProfiliList", function (data) {
            $.each(data, function (i, data) {
                $('<option>',
                   {
                       value: data.prof_cena,
                       text: data.prof_ime
                   }).html(data.prof_ime).appendTo("#profilID");
            });
        })
        //load price
        $(function () {
            $("[name='profilID']").on("change", function ()  {
                $("#pr_cena").val($(this).val());
            });
        });
    });

现在当我将表单发送到数据库时，保存为价格值。我也需要价格的价值，因为当从标价中选择一些东西时会自动加载。

如何使用此脚本将profilID 作为文本发送，包括此脚本

这里是 DropDown 的代码：

   <select name="profilID" id="profilID">
      <option value="">- LIST -</option>
   </select>

【问题讨论】：

标签： javascript jquery json asp.net-mvc

【解决方案1】：

默认情况下，当您发回表单时，它将发送所选项目上所选选项的值。将此设置为值，即您要发回的文本，然后获取价格，当您构建选项时，您可以添加一个数据属性来存储价格，然后您将在加载价格函数中获取该价格，例如

$("#pr_cena").val($(this).find(":selected").data('price'));

你的选项会是什么样子

<option value="Text" data-price="10.00">Text</option>

另一种选择是为表单创建自己的提交处理程序，并为该 profileID 的值更改表单数据。

【讨论】：