Javascript 带有select元素的ajax联系人表单错误

我使用输入字段和select元素创建了ajax联系人，但它并没有给出应有的结果

HTML表单代码名称作为输入，iphone作为选择元素

 <div id="contact_form">
    <form name="contact" method="post" action="">Name
        <input type="text" name="name" id="name" />Iphone
        <select name="iphone" id="iphone">
            <option value="Iphone 4" selected>Iphone 4</option>
            <option value="Iphone 4S">Iphone 4S</option>
            <option value="5">Iphone 5</option>
        </select>
        <input type="submit" name="submit" class="button" id="submit_btn" value="Send"
        />
    </form>
</div>

[object HTMLSelectElement]这是错误 似乎select元素不工作，并且未传递其选定值

---

有什么想法吗？~谢谢

请确保您的iPhone价值如下：

var iphone = $("#iphone").val();

$。对于您正在做的事情，post将更加优雅

$.post("send.php", { name: name, iphone: iphone },
   function(data) {
     alert("Data Loaded: " + data);
   });

---

我对您的代码做了一些修改，我所做的是在表单上附加一个提交处理程序，阻止了默认操作，这是重要的部分。我序列化了表单的内容。试试这个，告诉我这是怎么回事。我通常像这样提交我的ajaxified表格。虽然我不确定这是否是一个好的做法，但你应该尝试一下

   $(function () {

        $('.error').hide();
        $('form[name=contact]').submit(function(e){
            e.preventDefault();
            var form_data = $(this).serialize();        
            $.ajax({
                type: "POST",
                url: "send.php",
                data: form_data,
                success: function () {
                    $('#contact_form').html("<div id='message'></div>");
                    $('#message').html("<h2>Contact Form Submitted!</h2>")
                        .append("<p>We will be in touch soon.</p>")
                        .hide()
                }
            });
        });
    });

---

如何从代码var dataString='name='+name+'&iphone='+iphone；获取name的值；。您尚未定义变量。您说您正在正确地获取name的值name:anyone-Iphone:[object HTMLSelectElement]任何答案对你有用吗？@user962206我很抱歉也没用，我仍然有同样的问题，但我会深入搜索，因为我发现很多人对选择元素有问题，为什么不发送它的选择。我也有同样的错误。这就是我为什么要问的原因。@user962206本周五我将花一整天的时间寻找这个问题的解决方案，如果我找到了，我会告诉你，如果找到了，你也会告诉我，只要在这里写下我的评论和链接：谢谢

var iphone = $("#iphone").val();

$.post("send.php", { name: name, iphone: iphone },
   function(data) {
     alert("Data Loaded: " + data);
   });

   $(function () {

        $('.error').hide();
        $('form[name=contact]').submit(function(e){
            e.preventDefault();
            var form_data = $(this).serialize();        
            $.ajax({
                type: "POST",
                url: "send.php",
                data: form_data,
                success: function () {
                    $('#contact_form').html("<div id='message'></div>");
                    $('#message').html("<h2>Contact Form Submitted!</h2>")
                        .append("<p>We will be in touch soon.</p>")
                        .hide()
                }
            });
        });
    });