我的表单中有一个国家选择器，如下所示：
<select class="bfh-countries text-left" name="country" id="country" data-country="DE">
</select>
我可以像这样使用 jQuery 获取值：
$("#country").val()
但是当我尝试使用$("#myform").serializeArray() 序列化表单时，“国家”的值是一个空字符串。
我该如何解决这个问题？
【问题讨论】：
标签： forms twitter-bootstrap select serialization helpers
我遇到了这个问题，我花了很长时间才找到，因为没有任何例子。您真正想要做的是使用 data-name="country"，它将后端的隐藏变量命名为 country。对于国家选择器，您可以使用 div 标签，如下所示：
<div class="country bfh-selectbox bfh-countries" data-flags="true" data-filter="true" data-name="country" data-country="POSTBACK_VARIABLE_GOES_HERE"></div>
如果你这样做，你会发现一个隐藏变量被添加到页面中，如下所示：
<input type="hidden" name="country" value="US">
上面的值假设您选择了美国，但它输入为 2 个字符的代码，如果您需要进行服务器端验证并再次显示页面而不强制用户重新选择值。
这真是一场噩梦。
【讨论】：