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

Question

我正在开发一个需要状态更新的项目。我想添加 onlcick 甚至在选择框上仅当用户选择状态为待处理时才显示文本区域。

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

问题:我想仅当用户将项目状态更改为待处理时才显示文本区域。

上面的代码可以工作，但这会刷新整个页面

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