将输入元素添加到依赖于其他表单元素的表单

Add input element to form dependent on other form element

提问人:emred00 提问时间:11/12/2023 最后编辑:mplungjanemred00 更新时间:11/12/2023 访问量:38

问:

如果输入是,请添加另一个名为 BEFORE 提交的输入元素sonuc1NOsonuc2

$(document).ready(function() {
  $('#sonuc1').on('keyup', function() {
    var sonuc1 = $('#sonuc1').val();
    var csrf_value = $('input[name="csrfmiddlewaretoken"]').val();
    
   
    // Send AJAX request to the Django view

    $.ajax({
      type: 'POST',
      url: '/pkl/rpa/', // Replace with the actual URL of your Django view
      data: {
        'sonuc1': sonuc1,
        'csrfmiddlewaretoken': csrf_value
      },
      success: function(response) {
        // Handle the response from the server if needed
        console.log('Server Response:', response);
      },
      error: function(error) {
        console.error('Error:', error);
      }
    }); 
  });
});
<form id="form" method="post">
  <input type="text" name="sonuc1" id="sonuc1" placeholder="1.Sonuç">
  <button type="submit">Ekle</button>
</form>
JavaScript HTML AJAX

评论

0赞 mplungjan 11/12/2023
您想始终将 sonuc1 发送到服务器,还是只想在提交时这样做?因为现在表格也可以提交。另外,如果用户写“否”并点击提交怎么办?

答:

0赞 Tahir1071a 11/12/2023 #1

如果希望在此标记中输入的更改为“NO”时自动添加另一个标记,则可以使用 javascript 编写如下代码:

<form id="form" method="post">
  <input type="text" name="sonuc1" id="sonuc1" placeholder="1.Sonuc" />
  <button type="submit">Ekle</button>
</form>

<script>
  document.getElementById("sonuc1").addEventListener("change", function () {
    if (this.value.toUpperCase() === "NO") {
      var newInput = document.createElement("input");
      newInput.type = "text";
      newInput.name = "sonuc2";
      newInput.placeholder = "2.Sonuc";
      document
        .getElementById("form")
        .insertBefore(newInput, document.querySelector("button"));
    }
  });
</script>

评论

0赞 emred00 11/12/2023
如何将您的代码集成到我编辑的 AJAX 代码@Tahir1071a
0赞 Tahir1071a 11/12/2023
嗯,对不起,伙计。我也在学习javascript,我认为这就是问题所在。我不知道如何使用 Ajax
0赞 emred00 11/12/2023
不用担心,您的回答对我的解决方案有帮助