获取选择选项值而不使用form ='sg'属性

时间:2014-04-16 21:54:05

标签: html validation select post w3c

我的代码中有一个select选项标记,我希望得到它的值。我知道2个解决方案,但它们都没有w3c有效,而且必须有效..我试过这些:

<form id="carform">
Firstname:<input type="text" name="fname">
<input type="submit">
</form>

<select name="carlist" form="carform">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select> 

问题在于使用4.01 html进行w3c验证,并且该属性不属于它(html5)。

我也试过了:

<form id="carform">

Firstname:<input type="text" name="fname">
<input type="submit">


<select name="carlist">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select> 
</form>

但它也无效。所以我想知道如何让它工作和有效。

1 个答案:

答案 0 :(得分:0)

您不需要form属性;相反,只需将所有表单字段放在form元素中,就像在第二次尝试中所做的那样。该尝试有一些其他问题,但它们与将控件与表单关联的问题无关。它们是:块级容器中缺少action' attribute; not wrapping形式`元素内容(如果由于某些奇怪的原因需要符合HTML 4.01;它有类似的奇怪要求)。

最低限度修复版本(仅为了取悦验证者,不考虑可用性,功能等):

<form id="carform" action="">
<div>
Firstname:<input type="text" name="fname">
<input type="submit">


<select name="carlist">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select> 
</div>
</form>