gpt4 book ai didi

php - 显示/隐藏文本框

转载 作者:行者123 更新时间:2023-11-30 05:57:44 25 4
gpt4 key购买 nike

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

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com