Question

我有这样的常规表格。

    <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实现此目的？

感谢。

Answer 1

由于您使用的是PHP，因此可以尝试：

<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>

请注意字段名称中的括号。在PHP脚本中，您需要以下内容：

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

请注意，如果用户选择了下拉列表中前5个条目之一，则$ extensions数组将包含重复项。

您也可以使用复选框代替下拉列表：

<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是相同的，没有重复的问题

Answer 2

在服务器端添加它们。

Answer 3

如果未设置属性倍数，则无法对您的选择进行多项选择

这样，然后通过设置选项的属性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>

使用Javascript或JQuery在hidden / Backend中强制选择

3 个答案: