Question

我使用THIS脚本在我的Django项目中选择多个选项。我的代码是这样的：

<form method="POST" id="demoform" action="/gestionPDD/HabilitarPDD" > {% csrf_token %}
  <select multiple="multiple" size="10" name="duallistbox_demo1[]" title="duallistbox_demo1[]">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
    <option value="option3" selected="selected">Option 3</option>
    <option value="option4">Option 4</option>
    <option value="option5">Option 5</option>
    <option value="option6" selected="selected">Option 6</option>
    <option value="option7">Option 7</option>
    <option value="option8">Option 8</option>
    <option value="option9">Option 9</option>
    <option value="option0">Option 10</option>
    <option value="optionA">Option 10</option>
    <option value="optionB">Option 10</option>
    <option value="optionV">Option 10</option>
    <option value="optionD">Option 10</option>
  </select>
  <br>
  <button type="submit" class="btn btn-default btn-block">Submit data</button>
</form>
<script>
  var demo1 = $('select[name="duallistbox_demo1[]"]').bootstrapDualListbox();
  $("#demoform").submit(function() {
    alert($('[name="duallistbox_demo1[]"]').val());
    return false;
  });

</script>

问题是，当您单击“提交”按钮时，会出现一个弹出确认，当您单击“发送”时，没有任何反应。我的观点没问题，服务器也没有从该按钮得到任何响应。

如果更改脚本中的返回值（False为True），它实际上有效，服务器获得POST请求（包含所有选定的选项），但您无法取消弹出窗口;当您单击“提交”按钮并在弹出窗口中选择错误时，如果选择了错误，则无法返回，无论如何都会发送请求。

有任何关于如何解决它的想法？

Answer 1

使用confirm($('[name="duallistbox_demo1[]"])代替alert()。

这将为您提供取消窗口的选项。

More here

在Django 2.0中通过jQuery Dual Boxes获取POST输入时遇到麻烦

1 个答案: