使用AJAX发送加号或减号作为post值 函数createMessage() { jQuery.ajax ({ url:“include/CreateMessage.php”, 数据:“BloodGroup=“+$(“#BloodGroup”).val(), 类型:“POST”, 成功:功能(数据) { $(“#消息跨度”).html(数据); $(“#loaderIcon”).hide(); 消息跨度 }, 错误:函数(){} }); } 联系方式 血型 O正(O+) O负(O-) A阳性(A+) A负数(A-) B阳性(A+) B负(B-) AB阳性(AB+) AB阴性(AB-) 下一步>

使用AJAX发送加号或减号作为post值 函数createMessage() { jQuery.ajax ({ url:“include/CreateMessage.php”, 数据:“BloodGroup=“+$(“#BloodGroup”).val(), 类型:“POST”, 成功:功能(数据) { $(“#消息跨度”).html(数据); $(“#loaderIcon”).hide(); 消息跨度 }, 错误:函数(){} }); } 联系方式 血型 O正(O+) O负(O-) A阳性(A+) A负数(A-) B阳性(A+) B负(B-) AB阳性(AB+) AB阴性(AB-) 下一步>,php,jquery,html,ajax,web,Php,Jquery,Html,Ajax,Web,但若我在下拉框中选择O阳性(O+),但无法得到(O+)作为结果。我得到的答案只有O 我想获得下拉框的值,正如它在value属性中给出的那样 问题是您需要对您的值进行编码,以便在url中使用: <html> <head> <script> function createMessage() { jQuery.ajax ({ url: "include/CreateMessage.php",

但若我在下拉框中选择O阳性(O+),但无法得到(O+)作为结果。我得到的答案只有O


我想获得下拉框的值,正如它在value属性中给出的那样

问题是您需要对您的值进行编码,以便在url中使用:

<html>
<head>
<script>
    function createMessage() 
    {
      jQuery.ajax
      ({
        url: "include/CreateMessage.php",
        data:"BloodGroup="+$("#bloodGroup").val(),
        type:"POST",
      success:function(data)
      {
        $("#message-span").html(data);
        $("#loaderIcon").hide();
        message-span
      },
        error:function (){}
      });
    }
<script>
<body>
    <form class="form-signin" method="POST" action="">
        <label> Contact Details </label>
        <br><input type="text" name="name" id="name" class="form-control" placeholder="Contact Person Name" maxlength="32" required/>
        <br><select class="form-control" name="bloodGroup" id="bloodGroup" required>
            <option value="" disabled selected>Blood Group</option>
            <option value="O +">O Positive (O+)</option>
            <option value="O -">O Negative (O-)</option>
            <option value="A +">A Positive (A+)</option>
            <option value="A -">A Negative (A-)</option>
            <option value="B +">B Positive (A+)</option>
            <option value="B -">B Negative (B-)</option>
            <option value="AB +">AB Positive (AB+)</option>
            <option value="AB -">AB Negative (AB-)</option>
        </select>
        <br><input type="text" name="time" id="time" class="form-control" placeholder="Time In Hour" maxlength="6" onBlur="createMessage()" required/>
        <br><button type="submit">Next ></button>
    </form>
</body>
</table>
如果不编码该值,则在服务器上解码该值时,
+
将出现一个空格

您可以让jQuery自动执行以下操作:

data:"BloodGroup="+$("#bloodGroup").val(),
如果要手动编码(例如,当您不使用jQuery时),可以使用:

data: { 'BloodGroup': $("#bloodGroup").val() },

问题是您需要对您的值进行编码,以便在url中使用:

<html>
<head>
<script>
    function createMessage() 
    {
      jQuery.ajax
      ({
        url: "include/CreateMessage.php",
        data:"BloodGroup="+$("#bloodGroup").val(),
        type:"POST",
      success:function(data)
      {
        $("#message-span").html(data);
        $("#loaderIcon").hide();
        message-span
      },
        error:function (){}
      });
    }
<script>
<body>
    <form class="form-signin" method="POST" action="">
        <label> Contact Details </label>
        <br><input type="text" name="name" id="name" class="form-control" placeholder="Contact Person Name" maxlength="32" required/>
        <br><select class="form-control" name="bloodGroup" id="bloodGroup" required>
            <option value="" disabled selected>Blood Group</option>
            <option value="O +">O Positive (O+)</option>
            <option value="O -">O Negative (O-)</option>
            <option value="A +">A Positive (A+)</option>
            <option value="A -">A Negative (A-)</option>
            <option value="B +">B Positive (A+)</option>
            <option value="B -">B Negative (B-)</option>
            <option value="AB +">AB Positive (AB+)</option>
            <option value="AB -">AB Negative (AB-)</option>
        </select>
        <br><input type="text" name="time" id="time" class="form-control" placeholder="Time In Hour" maxlength="6" onBlur="createMessage()" required/>
        <br><button type="submit">Next ></button>
    </form>
</body>
</table>
如果不编码该值,则在服务器上解码该值时,
+
将出现一个空格

您可以让jQuery自动执行以下操作:

data:"BloodGroup="+$("#bloodGroup").val(),
如果要手动编码(例如,当您不使用jQuery时),可以使用:

data: { 'BloodGroup': $("#bloodGroup").val() },

您当前的代码运行良好,如果您更改某些行

data: "BloodGroup=" + encodeURIComponent($("#bloodGroup").val()),
将此
标记更改为关闭并完成
标记,如下所示

success:function(data)
  {
    $("#message-span").html(data);
    $("#loaderIcon").hide();
    // remove this line here // message-span
  },

您当前的代码运行良好,如果您更改某些行

data: "BloodGroup=" + encodeURIComponent($("#bloodGroup").val()),
将此
标记更改为关闭并完成
标记,如下所示

success:function(data)
  {
    $("#message-span").html(data);
    $("#loaderIcon").hide();
    // remove this line here // message-span
  },
+ = + 和空格= ;所以试试value=“O ;+;”+=+;和空格= ;所以试试value=“O ;+;”