gpt4 book ai didi

php - 使用 ComboBox 刷新页面而不刷新

转载 作者:行者123 更新时间:2023-11-29 00:04:25 28 4
gpt4 key购买 nike

如何在不刷新的情况下使用 ComboBox 更新 .php 页面?我有这段代码获取 Combo 的值并将其步进到页面,但这样做会重新加载丢失初始搜索的页面,但我需要传递保持先前调查的值。

代码:

<form action="produtos.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
<select name="filtro" id="filtro" onchange="valueselect(this.value);">
<option value="0">Popularidade</option>
<option value="1">A-Z</option>
<option value="2">Z-A</option>
</select>
</form>

<script type="text/javascript" language="javascript">
function valueselect(filtro)
{
window.location.href = "produtos.php?filtro="+filtro;
}
</script>

我正在尝试做这样的事情:

<script type="text/javascript" language="javascript">
function pesquisa(filtro) {
var id = $("#filtro").val();
$.ajax({
type: "GET",
url: produtos.php,
data: (filtto : id),
dataType: "json",
success: function(obj) {
$('#message')[0].value = filtro
}
}
});
}
</script>

但是没有任何反应。

这是开发中的页面: Page

最佳答案

在选择的 onchange 事件上,您可以编写 javascript 来发布表单并在服务器端读取选择选项,但首先执行 isset($_POST['filtro']) 然后在大括号内编写有意义的代码来处理选项。

如果你想在帖子中保持选择 - 选项的状态,你必须编写 javascript 函数,在页面加载后(靠近结束标记)设置选择选项的 selectedIndex,这个 js 将是由服务器在发布操作时重新生成,它将输出 JS 以根据用户选择的内容选择适当的索引。应在 2 分钟内发布代码。这是代码:

<html><body>
<form action="produtos.php" method="post" enctype="multipart/form-data" name="form1" id="form1">
<select name="filtro" id="filtro" >
<option value="0">Popularidade</option>
<option value="1">A-Z</option>
<option value="2">Z-A</option>
</select>
</form>

<script type="text/javascript" language="javascript">
document.getElementById('filtro').onchange=function(){
document.getElementById('form1').submit();
}

function setSelected(value){
var filtro = document.getElementById('filtro');
var options = filtro.options;
for(var i=0;i<options.length;i++){
if(options[i].value == value){
filtro.selectedIndex = i;
}
}
}
</script>
<?php
if(isset($_POST['filtro'])){
$selectedValue = $_POST['filtro'];
// code to process the data
//...

// code to remember dropdown
echo "<script type='text/javascript'>setSelected($selectedValue)</script>";


}

?>
</body>
</html>

关于php - 使用 ComboBox 刷新页面而不刷新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28197361/

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