Question

我在html中有一个表单，它接受输入并进行一些计算。我想要做的是有一个下拉菜单，有一些选项，但如果没有用户的选项，他们可以自己输入。

对于这个例子，我们假设它取所有条目的总和：

<form action="action.php">
    <input type="text" name="int1" value="1">
    <select name="dropdown">
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="NULL">Other</option>
    </select>
    <input type="text" name="other" value="other">
    <input type="submit" value="go">
</form>

我的想法是，如果将下拉菜单设置为其他菜单，它将使用下拉菜单或“其他”输入。有没有办法在html中关心这个或者这是用php中的if语句完成的吗？只是我的一些想法。

帮助表示感谢，感谢

Answer 1

做一些像

这样的事情

if (isset($_GET['dropdown']) 
    && $_GET['dropdown'] == 'NULL'
    && isset($_GET['other'])
) {
    $value = $_GET['other'];
}
elseif (isset($_GET['dropdown'])) {
    $value = $_GET['dropdown'];
}
else {
    // Something went wrong. Handle error
}

如果您正在寻找客户端解决方案，您也可以使用JavaScript来提交表单，以便只有一个值传递给PHP。

Answer 2

您可以使用jquery

执行此类操作

<script src="http://code.jquery.com/jquery-latest.js"></script>
<html><body>
<form action="" method="POST">
    <input type="text" name="int1" value="1">
    <select name="dropdown" id="dropdown">
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="NULL">Other</option>
    </select>

    <input type="text" name="other" value="other" id="other">
    <input type="submit" value="go">
</form>
</body></html>
<script>
$(document).ready(function(){
    $("#other").hide();
        $('#dropdown').change(function(){

            if($(this).val()=='NULL'){
                $("#other").show();
            }
            else{
                $("#other").hide();
            }
        }); 
})
</script>

并使用php来捕获正确的值

Answer 3

我会在那里嵌入一个PHP语句，说明如果下拉值等于other，则在下拉框中添加输入文本字段以供用户输入。

html中的“其他”来自下拉菜单

3 个答案: