2010-07-08 30 views
0

我有这样的常规窗体。使用Javascript或JQuery隐藏/后端强制选择

<form action="/domainchecker.php" method="post">  
    <input type="text" name="domain" size="20"> 

    <fieldset> 
    <select name="ext"> 
    <option>.com</option> 
    <option>.net</option> 
    <option>.org</option> 
    <option>.us</option> 
    <option>.info</option> 
    <option>.biz</option> 
    <option>.mobi</option> 
    <option>.name</option> 
    <option>.tv</option> 
    <option>.me</option>   
    </select> 
    </fieldset> 

    <input type="submit" value="Go"> 
    </form> 

该选择框只能选择一个选项。

我想要的是无论用户选择了与否,前面5个选项的隐藏/后端强制选择

我该如何使用JavaScript或JQuery来实现?

谢谢。在字段的名称

<form action="/domainchecker.php" method="post">  
<input type="hidden" name="ext[]" value=".com"> 
<input type="hidden" name="ext[]" value=".net"> 
<input type="hidden" name="ext[]" value=".org"> 
<input type="hidden" name="ext[]" value=".us"> 
<input type="hidden" name="ext[]" value=".info"> 
<input type="text" name="domain" size="20"> 

<fieldset> 
<select name="ext[]"> 
<option>.com</option> 
<option>.net</option> 
<option>.org</option> 
<option>.us</option> 
<option>.info</option> 
<option>.biz</option> 
<option>.mobi</option> 
<option>.name</option> 
<option>.tv</option> 
<option>.me</option>   
</select> 
</fieldset> 

<input type="submit" value="Go"> 
</form> 

注意括号:

+0

......这是为什么? – Reigel 2010-07-08 07:52:45

+0

@Reigel:这个表单产生内联框。只有一个框我的页面看起来是空的。及其可用性检查表单。用户可以选择取消选择此选项。 – MANnDAaR 2010-07-08 07:57:57

回答

0

由于您使用PHP,你可以试试这个。如果用户选择在下拉列表中的前5项的一个

$extensions = $_POST['ext']; 
foreach ($extensions as $ext) { 
    #do something 
} 

注意,$扩展阵列将包含重复:在你的PHP脚本,你会需要这样的东西。

您还可以使用复选框,而不是像这样的下拉列表:

<form action="/domainchecker.php" method="post">  
<input type="text" name="domain" size="20"> 

<fieldset> 
<input type="checkbox" name="ext[]" value=".com" selected="true"> 
<input type="checkbox" name="ext[]" value=".net" selected="true"> 
<input type="checkbox" name="ext[]" value=".org" selected="true"> 
<input type="checkbox" name="ext[]" value=".us" selected="true"> 
<input type="checkbox" name="ext[]" value=".info" selected="true"> 
<input type="checkbox" name="ext[]" value=".biz"> 
<input type="checkbox" name="ext[]" value=".mobi"> 
<input type="checkbox" name="ext[]" value=".name"> 
<input type="checkbox" name="ext[]" value=".tv"> 
<input type="checkbox" name="ext[]" value=".me"> 
</select> 
</fieldset> 

<input type="submit" value="Go"> 
</form> 

的PHP是一样的,不重复的问题

+0

哦!谢谢。更容易的选择.. – MANnDAaR 2010-07-08 08:10:34

0

你不能做你的选择多重选择,如果属性的多个未设置

这样的,然后有默认选择通过设置选项的属性selected="selected"

<fieldset> 
    <select name="ext" size="5" multiple="multiple" > 
     <option>.com</option> 
     <option>.net</option> 
     <option selected="selected">.org</option> 
     <option selected="selected">.us</option> 
     <option selected="selected">.info</option> 
     <option>.biz</option> 
     <option selected="selected">.mobi</option> 
     <option>.name</option> 
     <option>.tv</option> 
     <option>.me</option>   
    </select> 
</fieldset>