如果从下拉列表中选择类别,则我有这段显示/隐藏文本框的代码。它工作正常,但是我想要的是,如果有人选择其他类别,则该文本框消失或被另一个文本框替换。例:如果我选择食物,则会出现一个文本框,如果我选择其他类别,则以前的文本框将再次隐藏而不刷新整个页面。这是到目前为止我得到的:

<script language="javascript" type="text/javascript">
    function addSubject(){
        selectedSubject = document.getElementById('category').value
        if (selectedSubject == 'food'){
            document.getElementById('box').style.display = 'block';
        }
    }
</script>
<?
    include ('connect.php');
    $query="SELECT id, name FROM category ";
    $result=mysql_query($query);
?>
<form>
    <select name="category" id="category" onchange="addSubject()">
        <option>Select Category</option>
        <?php while($row=mysql_fetch_array($result)) { ?>
            <option value=<?php echo $row['id']?>><?php echo $row['name']?></option>
        <?php } ?>
    </select>
    <div class="box"  id="box" style="display: none;">
        <div>
            <span>Title :</span><input type="text" name="text" size="8" maxlength="7" />
        </div>
    </div>
</form>


像往常一样预先感谢

最佳答案

您有诸如jquery之类的库吗?如果是这样,您可以执行以下操作:

jQuery('#box').replaceWith('<newelement>')


在这里查看其文档:http://api.jquery.com/replaceWith/

关于php - 显示/隐藏文本框,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/10756812/

10-13 02:56
查看更多