为什么选择框不张贴任何值，如果用户没有选择的选择

Why the select box not posting any value if user has not select the choice

本文关键字：选择 用户 如果 有选择 何值 张贴任 为什么      更新时间：2023-09-26

这里是我动态生成选择框

if ($(this).data('trans_type') == "paypal") {
      $('#type').html('<option value="2">2</option>');
      $('#type').val('2');
} else {
      $('#type').html('<option value="1">1</option><option value="3">3</option><option value="4">4</option>');
      $('#type').val('1');
}

问题是，当用户没有点击/选择的选项，它没有发布任何东西，即使我硬编码的值。我该如何解决这个问题?或者我有什么办法可以做到:

如果trans_type = "paypal"，则post val: 2，否则，让用户选择选择(如果用户没有选择任何内容，则post val: 1

谢谢你的帮助

下面是我如何发布值 
$("#modal_form").on("submit", function() {
    $.ajax({
       url: this.action,
       type: this.method,
       data: $(this).serialize(),
       beforeSend: function() {
         $("#modal_msg").html('<div class="alert alert-info">處理中，請稍等......</div>');
       },
       success: function(data) {
         console.log(data);
         var obj = $.parseJSON(data);
         if (obj == "success") {
           $("#reply_btn").hide();
           $("#modal_msg").html('<div class="alert alert-success"><strong>成功</strong> 回覆匯價通知</div>');
           $('#myModal_d').on('hide.bs.modal', function() {
                  location.reload();
           });
         } else {
           $("#modal_msg").html('<div class="alert alert-danger"><a class="close" data-dismiss="alert">x</a><strong>失敗</strong> 請檢查輸入資料</div>');
         }
       },
       error: function(data) {
           console.log(data);
           $("#modal_msg").html('<div class="alert alert-danger"><a class="close" data-dismiss="alert">x</a><strong>失敗</strong> 無法連接伺服器，請稍後重試</div>');
       }
    });
    return false;
 });

您是否尝试使用selected标志来指示option元素是当前值?

if ($(this).data('trans_type') === "paypal") {
  $('#type').html('<option value="2" selected>2</option>');
} else {
  $('#type').html('<option value="1" selected>1</option><option value="3">3</option><option value="4">4</option>');
}
相关文章：