Question

我正在开发一个需要状态更新的项目。我想在选择框中添加onlcick，只有当用户选择状态为待处理时才显示textarea。

echo "
<select onchange=\"window.location=this.value\" name=\"status\">
    <option value=\"".$res1['ProjStatus']."\">".$res1['ProjStatus']."</option>
    <option value=\"completed\">Completed</option>
    <option value=\"ongoing\">Ongoing</option>
    <option value=\"Project.php?pending=pending\">Pending</option>
</select>
";

问题：我想仅在用户将项目状态更改为待处理时才显示textarea。

上面的代码工作但这刷新了整个页面

Answer 1

我想你想要这样的东西。请原谅我没有测试它是否正常工作。希望你可以推断。

HTML

<style> #textArea { display: none } </style>
<!-- select onchange calls javascript function to check if Pending was selected -->
<select onchange="toggleText(this.value)">
    <option value="<?php echo $res1['ProjStatus'] ?>"><?php echo $res1['ProjStatus'] ?></option>
    <option value="completed">Completed</option>
    <option value="ongoing">Ongoing</option>
    <option value="Pending">Pending</option>
</select>

<textarea id='textArea' />

的JavaScript

function toggleText(value) {
    // if the new value of the select element is Pending, show it
    if("Pending" === value){
        document.getElementById('textArea').style.display = "block";
        // the return values just lets you know the result if you ever need it
        return true; 
    }
   document.getElementById('textArea').style.display = "none";
    return false;
}

在点击事件上使用Javascript加载Textarea

1 个答案: