javascript - POST数据动态选择不发送

Question

因此，我有一个表单，它应该发布所选的国家/地区以及任一下拉列表中的州或城市之一，它只是将两个选择发布在国家/地区下，尽管这些选项的名称在形式和内容上都不同在 php 邮件程序脚本上发布数据。

所以这是表格:

<select style="width: 64%;" name="country" class="country">
     <option value="UK">UK</option>
     <option value="US">US</option>
</select>


<select style="width: 64%;"  class='city' name="city">

</select></center>

这是 JS:

var ukCities = ['Avon', 'Bedfordshire', 'Berkshire'];
var usCities = ['Alabama', 'Alaska', 'Arizona'];

$(document).on("change", "select.country", function() {
    var country = $("select.country").val();
    var cities;
    if(country === 'UK'){
        cities = ukCities;
    }
    else{
        cities = usCities;
    }
    $("select.city").empty();
    $.each(cities, function(index, element){
            $("select.city").append($("<option></option>").attr("value", country).text(element));
    });
});
$("select.country").val('UK').trigger('change');

这里是应该从 php mialer 脚本发布的内容:

$mail->Body = 
'Name: ' . $_POST["assocName"] . 
'<br>Email: ' . $_POST["firstName"] . 
'<br>Tel: ' . $_POST["lastName"] . 
'<br>Position: ' . $_POST["position"]  .
'<br>Country: ' . $_POST["country"] . 
'<br>City: ' . $_POST["city"] . 
'<br>Community Type: ' . $_POST["comType"] . 
'<br>Dwellings: ' . $_POST["dwellings"] . 
'<br>Email: ' . $_POST["emailAddress"];

例如，当我选择英国和城市时，电子邮件会同时提供国家/地区和城市的城市。

Answer 1

它为您提供国家/地区和城市的城市，因为:

$("select.city").append($("<option></option>").attr("value", country).text(element));

您需要将value设置为element而不是country，因此它显示为:

$("select.city").append($("<option></option>").attr("value", element).text(element));

HTML 甚至看不到 option 标记之间的内容，只能看到它们的 value 是什么。这就是发布的内容