Контактная форма не отправляет выпадающие значения - PullRequest
Новая
       39

Контактная форма не отправляет выпадающие значения

0 голосов
/ 15 марта 2019

Я создал контактную форму со значениями раскрывающегося списка, как показано ниже, но значения не отправляются на мою электронную почту - остальные значения отправляются, за исключением значений раскрывающегося списка. Буду очень признателен за любую помощь в этом, так как я провел исследование, которое, похоже, не помогает. 

Here is my JS

submitSuccess: function($form, event) {
    event.preventDefault(); // prevent default submit behaviour
    // get values from FORM
    var name = $("input#name").val();
    var email = $("input#email").val();
    var radio = $("input#radio").val();
    var message = $("textarea#message").val();
    var firstName = name; // For Success/Failure Message
    // Check for white space in name for Success/Fail message
    if (firstName.indexOf(' ') >= 0) {
      firstName = name.split(' ').slice(0, -1).join(' ');
    }
    $.ajax({
          url: "assets/contact_me.php",
          type: "POST",
          data: {
            name: name,
            radio: radio,
            email: email,
            message: message,
            submit: 1
          },
Here is my PHP <?php if (isset($_POST['submit'])) {
  var_dump($_POST);
  $name=$_POST['name'];
  $email=$_POST['email'];
  $radio=$_POST['radio'];
  $message=$_POST['message'];
  $mailTo="info@margineco.com";
  $subject="New message from ".$name;
  $headers="From: ".$email;
  $txt="You have received an email from ".$name." with regards to ".$radio.".\n\n".$message;
  mail($mailTo, $subject, $txt, $headers);
  header("Location: index.html?mailsend");
}

?>
Here is my HTML

<div class="row control-group">
  <div class="form-group col-xs-12 controls">
    <label>Plan Option<span>*</span></label>
    <div class="dropdown">
      <select class="form-control" id="radio" required data-validation-required-message="Please choose a option from the dropdown menu.">
        <option type="radio" value="0" selected>Please select...</option>
        <option type="radio" value="option1">General Inquiry</option>
        <option type="radio" value="option2">Market Intelligence</option>
        <option type="radio" value="option3">Economic Analysis</option>
        <option type="radio" value="option4">Industry Forecasts</option>
      </select>
    </div>
    <p class="help-block"></p>
  </div>
</div>

1 Ответ

0 голосов
/ 15 марта 2019

Добро пожаловать Мария;)

Во-первых: 

<option type="radio" value="option4">Industry Forecasts</option>

«тип» на самом деле не является допустимым параметром для «опции»: https://developer.mozilla.org/de/docs/Web/HTML/Element/option Должно быть: 

<option value="option4">Industry Forecasts</option>

Второе: 

var radio = $("input#radio").val();

не даст вам никакого результата, так как вы хотите выбрать из «выбора», а не из «ввода». Должно быть: 

var radio = $("select#radio").val();
...