JavaScriptの連絡フォームがドロップダウンから選択した値を返さない

Question

私は、生成された電子メールで選択されたオプションを返さない連絡フォームを持っています。

これは私が現在持っているものです（フォーム上の他の作業質問からコピーしました）。

var topic = $("select#topic").val(); 
    if (topic == "") { 
     $("label#topic_error").show(); 
     $("select#topic").focus(); 
     return false; 
    } 

    var dataString = 'name=' + name + '&email=' + email + '&message=' + message + '&topic=' + topic + '&phone=' + phone + '&address=' + address; 
    //alert (dataString);return false; 

    $.ajax({ 
     type:"POST", 
     url:"process.php", 
     data:dataString, 
     success:function() { 
      $('#af-form').prepend("<div class=\"alert alert-success fade in\"><button class=\"close\" data-dismiss=\"alert\" type=\"button\">&times;</button><strong>Contact Form Submitted!</strong> We will be in touch soon.</div>"); 
      $('#af-form')[0].reset(); 
     } 
    }); 
    return false; 
}); 

}）;私は、私も答えを探してトラブルを抱えているので、私はJavaScriptでやっている見当がつかない

 <select name="topic" id="topic"> 
     <option value=""></option> 
     <option value="General">General Information</option> 
     <option value="Sessions">Signing up for Support Sessions</option> 
     <option value="facilitator">Becoming a Facilitator</option> 
     </select> 

：

問題の項目のHTMLフォームはこれです。誰かが私が間違っていることを教えてくれますか？

Answer 1

あなたは、あなたのメールにそれを、これらの値を送信したい場合は、このようなPOSTリクエストを試すことができ、この

$(document).ready(function(){ 
 
    $('#button1').click(function(){ 
 
    alert($('#combo :selected').text()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select id="combo"> 
 
    <option value="1">Test 1</option> 
 
    <option value="2">Test 2</option> 
 
</select> 
 
<input id="button1" type="button" value="Click!" />

のような選択値onclickを見ることができます。

<form method="post" action="process.php"> 
    <select name="taskOption"> 
    <option value="first">First</option> 
    <option value="second">Second</option> 
    <option value="third">Third</option> 
    </select> 
    <input type="submit" value="Submit the form"/> 
</form> 

PHP

<?php 
    $option = isset($_POST['taskOption']) ? $_POST['taskOption'] : false; 
    if ($option) { 
     echo htmlentities($_POST['taskOption'], ENT_QUOTES, "UTF-8"); 
    } else { 
    echo "task option is required"; 
    exit; 
    }