使用 AJAX 选择下拉菜单选择器时遇到问题

Question

目前，我正在尝试创建一个页面，在该页面中，我的数据库会根据放置事件进行更新。 更具体地说，我有一个具有拖放功能的页面，我需要的是任何时候将特定的 div（交易卡）拖放到另一个 div（阶段列）中，我需要更新数据库，即表示置于不同“阶段”的“交易”。

对于这个项目，我的后端是 Django，到目前为止，我能够在放置事件中成功更改基本的 CharFields，尽管在下拉菜单中选择一个选择器让我感到难过。

截至目前，我只是随意为目标选择器选择了“值”= 3，只是为了看看我是否能让它工作。 不幸的是，无论我尝试什么，我总是会收到提示“此字段为必填项”。 我在下面附上了一张图片。

任何帮助将不胜感激！

AJAX 代码

$(document).one('drop', function(ev){
            ev.preventDefault();

            var stage_title_path = '#' + el.id + " .stage-title";
            var stage_title = $(stage_title_path).html();
            
            $.ajax({
                type:'POST',
                url:deal_card_url,
                data:{
                    deal_owner: 'Sally Sue',
                    deal_address: '745 Amen Street',
                    deal_arv: '222',
                    deal_repair: '333',
                    
                    csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val(),
                },
                success:function(){
                    $("#id_stage").val("3").change();
                }
            });

        });
        

表格下拉 HTML

<p><label for="id_stage">Stage:</label> <select name="stage" required="" id="id_stage">
  <option value="">---------</option>

  <option value="1" selected="">New</option>

  <option value="2">Sent Offer</option>

  <option value="3">Under Contract</option>

  <option value="4">Option</option>

  <option value="5">Closed</option>

  <option value="24">New Lead</option>

</select></p>

Ajax 更新交易更新网页：

Answer 1

弄清楚了。 其实很简单...

对于 ajax function 中的“数据”设置，我需要指定所需选择器（也称为阶段）的“值”，如下面的代码所示。

data:{
     deal_owner: 'Sally Sue',
     deal_address: '745 Amen Street',
     deal_arv: '222',
     deal_repair: '333',
     stage: "2",

在这种情况下，传递等于“2”的阶段“值”，如 html 中所示，对应于下拉菜单中的“已发送报价”选项。 以前我尝试使用选择器的实际名称（例如 Sent Offer）。