Javascript 提交<；选择>；表单中div内的字段

我正在尝试提交表单的值。
但是除了

字段之外的所有值都没有提交，因为我认为它的内部div元素如下面的代码所示

<form action="next.php" method="post">
     <input>....
     <input>....
     <input>....
     <select name="asdf"> <!--This field submitted successfully -->
         <option value="wtevr"> </option>
         <option value="wtevr2"> </option>..........
     </select>
     <div>
         <select name="asdf2"> <!--problem is here submitting this field -->
             <option value="wtevr11"> </option>
             <option value="wtevr22"> </option>..........
         </select>
     </div>
</form>

---

我是JavaScript新手，因此非常感谢您的帮助

在输入中使用“name”标记，然后将其提交。 像这样：

<form action="next.php" method="post">
<input name="foo" value="var"/>
</form>

您可以使用：

<select name="asdf2" id="asdf2" onchange="setField();">
            <option value="this">this</option>
            <option value="that">that</option>
        </select>
        <input type="hidden" id="hiddenField" value="nothingYet">
<script type="text/JavaScript" language="JavaScript">
function setField() {
            toWhat = document.getElementById("asdf2").value
            document.getElementById("hiddenField").value = toWhat;
        }
</script>

这
那个
函数setField（）{
toWhat=document.getElementById（“asdf2”）.value
document.getElementById（“hiddenField”）.value=toWhat；
}

无论如何。如果您所做的只是提交表单，那么没有理由忽略该值。如何检索值？

标签有一个名为[form=”“]的属性。 这样，就可以将其指定给表单元素。 提交表单时，将包含select元素

<form name="myform">
    <input type="text" name =...>
    <select name="selectelement" form="myform">
    <input type="submit">
</form>

“值（…）未提交”-您确定吗？我们可以从next.php（使用

print\r（$\u POST）

）中查看您的

$\u POST

数组吗？还可以显示您用于在select中设置值的javascript位。谢谢。表单是否正常提交，或者您是否尝试ajax提交？它们正在序列化。看看控制台。很抱歉，我发现了这个bug，问题出在我的ajax代码上，我修复了它。感谢@Gwenc37提供的

print\r

代码建议和@user574632提供的我的ajax代码和所有其他内容。她特别询问了第二个select字段，它确实有一个name属性。现在，您知道了一个新的JS技巧，可以继续使用。我想你会发现这样的东西在你不使用jquery的时候非常常见。

<form name="myform">
    <input type="text" name =...>
    <select name="selectelement" form="myform">
    <input type="submit">
</form>