0

連絡先フォームから php スクリプトにデータを送信する ajax スクリプトがありますが、「select」タグから値を取得できないという問題があります。私は javascript/ajax の知識が限られているため、不適切な説明やフレーズがあればご容赦ください。私が知っている方法でしか説明できません。

HTML :

<form action="" method="POST" id="contact">
    <table>
        <tbody>
            <tr>
                <td><h2>First Name: </h2></td>
                <td><h2>Last Name: </td>
                <td><h2>Email Address: </td>
            </tr>
            <tr>
                <td><input type="text" name="first_name"></td>
                <td><input type="text" name="last_name"></td>
                <td><input type="text" name="email"></td>
            </tr>
            <tr>
                <td><h2>Street Address:</h2></td>
                <td><h2>What's Dirty?</h2></td>
            </tr>
            <tr>
                <td><input type="text" name="address"></td>
                <td>
                    <select name="job" form="contact">
                        <option value="house">House</option>
                        <option value="roof">Roof</option>
                        <option value="garage-shed">Garage/shed</option>
                        <option value="other">Other</option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><h2>Message: </h2></td>
            </tr>
        </tbody>
    </table>
    <textarea name="message" cols="80" rows="5"></textarea>

    <input type="submit" id="submit" name="send" value="Send!" class="send-button">

</form>

アヤックス

    <script type="text/javascript">
    $("#submit").click(function(e) {
        e.preventDefault();
var data_string = $("form#contact").serializeArray();
$.ajax({
    type: "POST",
    url: "database.php",
    data: data_string,
    success: function(){
    }
});
return false;
    });
    </script>

PHP

  print_r($_POST);
  $fname = $_POST['first_name'];
  $lname = $_POST['last_name'];
  $email = $_POST['email'];
  $address = $_POST['address'];
  $job = $_POST['job']; 
  $message = $_POST['message'];

スクリプトから得られるのはこれです

[first_name] => John
[last_name] => Smith
[email] => j.smith@example.com
[address] => 1234 Jamestown Rd.

私はこれに非常に慣れていないので、単純な間違いは私にはそれほど明白ではないことに注意してください.

4

1 に答える 1

1

問題は、html 内の不思議な属性にあることがわかりました。

HTML

<select name="job" form="contact">

コード内のモンキーレンチだったので、削除しました

form="contact">

そして、すべてがうまくいきました！

助けてくれてありがとう！

于 2013-06-14T17:23:56.927 に答える