Javascript 除提交外的其他方法

Javascript 除提交外的其他方法,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我有一个PHP提交表单,在该表单中我有一个显示文件夹中图像的PHP图像库。(我有一个从不同文件夹中选择图像的下拉列表) 当我点击图库中的图像时,该图像的路径将输入到输入字段中,以便在提交时可以链接到其他信息 我的问题是,当我从提交表单的下拉列表中选择不同的图像库文件夹时。我理解它为什么这样做,但我不确定如何改变它使用PHP选择JS/JQ不同文件夹的方式,这样就不需要提交或刷新 这是相关代码 <script> function change(){ document.getEle

我有一个PHP提交表单,在该表单中我有一个显示文件夹中图像的PHP图像库。(我有一个从不同文件夹中选择图像的下拉列表)

当我点击图库中的图像时,该图像的路径将输入到输入字段中,以便在提交时可以链接到其他信息

我的问题是,当我从提交表单的下拉列表中选择不同的图像库文件夹时。我理解它为什么这样做,但我不确定如何改变它使用PHP选择JS/JQ不同文件夹的方式,这样就不需要提交或刷新

这是相关代码

<script>
function change(){
    document.getElementById("myfolders").submit();
}
</script>


$subF = $_POST['otherFolders'];

<form id="myfolders" method="post">

  <select name="otherFolders" onchange="change()">
        <option selected="selected">Other Galleries</option>
        <?php
        $otherFolders = $dirs2;
        foreach($otherFolders as $item){
        ?>
        <option value="<?php echo $item; ?>"><?php echo $item; ?></option>
        <?php
        }
        ?>
    </select>

函数更改(){
document.getElementById(“myfolders”).submit();
}
$subF=$_POST['otherFolders'];
其他画廊

我相信当用户单击submit时,您不希望刷新页面。问题中的信息非常有限,因此我无法提供对代码的更改。但是,您要做的是使用
preventDefault()阻止表单提交在JS中运行,然后读取表单元素,向服务器(PHP)提交aJax请求,并使用服务器响应显示在页面上

如果您甚至不希望表单提交,您只需创建一个按钮,该按钮不提交表单,只需创建一个onClick事件,该事件读取表单元素并执行与上面相同的操作


如果不阻止表单提交,表单提交将始终刷新页面。如果没有提供操作属性,它将默认将表单提交到当前页面。

对不起,不清楚您在问什么……我在这里看不到jquery。你希望它做什么和它做什么有点不清楚(因为很明显,它是在更改时提交的)。如果你不需要提交表单,只需使用jquery来阻止提交<代码>事件.preventDefault()但是您需要设置脚本以使用jQuery…您可以使用AJAX异步加载库。看见我建议试试看;然后让我们知道您尝试了什么,哪里遇到了问题,以及具体出了什么问题。顺便说一句,event.preventDefault()不是jquery,那只是。因此,不需要jquery以这种方式阻止默认操作。不过,jquery非常适合在ajax中调用更多数据来交换DOM中的元素。不,我想更改图像来自哪个文件夹,而无需提交表单或刷新页面。但当代码读到“onchange”时,它提交了。正在寻找另一个替代方案。然后是服务器端。。。您只显示了一小部分代码。没有关于哪个文件夹@mark2326的任何信息