如何使用DropDown发送数据

时间:2017-03-09 14:07:42

标签: javascript jquery json asp.net-mvc

在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作为Text发送,包含此脚本

这是DropDown的代码:

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

1 个答案:

答案 0 :(得分:0)

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

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

您的选项看起来像

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

另一种方法是为表单创建自己的提交处理程序,并更改该profilID值的formdata。