提交按钮->;run.php->;弹出窗口->;刷新php页面的一部分

提交按钮->;run.php->;弹出窗口->;刷新php页面的一部分,php,javascript,jquery,ajax,Php,Javascript,Jquery,Ajax,在我的页面上,我当前有一个选择表单和附加的提交按钮,它是根据数据库中的条目动态生成的。这是我输出的HTML <div id="structures"> <h1>Build</h1> <form name="buildForm" id="buildForm" method="POST" onsubmit="buildForm();return false;"> <select name="buildID" class="buildCla

在我的页面上,我当前有一个选择表单和附加的提交按钮,它是根据数据库中的条目动态生成的。这是我输出的HTML

<div id="structures">
<h1>Build</h1>
<form name="buildForm" id="buildForm" method="POST" onsubmit="buildForm();return false;">
    <select name="buildID" class="buildClass">
    <option value="0" selected="selected" data-skip="1">Build a Structure</option>
<option name='Town Center' value='1' data-icon='../img/structures/tc.png' data-html-text='Town Center<i>
    500 minutes<br>50000 gold</i>'>Town Center</option>
<option name='Barracks' value='2' data-icon='../img/structures/barracks.png' data-html-text='Barracks<i>
    25 minutes<br>1500 gold</i>'>Barracks</option>
<option name='Dragon Roost' value='3' data-icon='../img/structures/droost.png' data-html-text='Dragon Roost<i>
    200 minutes<br>5000 gold</i>'>Dragon Roost</option>
<option name='Mage Hall' value='4' data-icon='../img/structures/mage.png' data-html-text='Mage Hall<i>
    40 minutes<br>300 gold</i>'>Mage Hall</option>
<option name='Test Lab' value='6' data-icon='../img/structures/testlab.png' data-html-text='Test Lab<i>
    1 minutes<br>10 gold</i>'>Test Lab</option>
    </select>
    <div id="buildSubmit">
        <input class="button" type="submit" value="Submit"/>
    </div>
</form>
</div>

建筑
建房
市中心
军营
巨龙宿巢
法师厅
试验室
虽然我最终改进了PHP/mySQL和html/css,但javascript仍然让我感到困惑

当用户单击“提交”时,我希望出现一个弹出菜单,并希望根据单独php文件的内容更新数据库。之后,一旦它们关闭弹出窗口,我想刷新页面的特定区域。我使用codeigniter,所以我通过它加载模型函数来填充页面

我很想写更多的代码,尽管说实话,它是如此的混乱和毫无价值,相反,我想我应该要求更多的健康的指导方针,我应该做些什么来实现这样的东西


举个例子会让人惊讶,但我只是想了解一下我需要做些什么才能使这项工作顺利进行。

以下是我认为您正在尝试完成的步骤以及执行这些步骤的信息。请澄清,如果我没有正确理解

单击“提交”按钮后

执行改变数据库的php文件
要做到这一点,因为您使用的是jQuery,所以可以使用数据库更新所需的适当参数对PHP文件进行ajax调用

有关jQuery、PHP和mysql的示例,请参阅。另请参见关于它的jQuery文档:

确认更改的弹出窗口(使用JavaScript)

重新加载页面(使用JavaScript)


关于“我想要一个弹出菜单出现,我想要根据一个单独的php文件的内容更新数据库”,你能给出更多细节吗?您的意思是希望根据选择读取实际php文件的内容,然后用这些内容更新数据库吗?是的,很抱歉造成混淆。单击“提交”后,我想执行一个改变数据库的php文件。然后,将出现一个弹出窗口来确认更改。退出弹出窗口后,页面内容将“刷新”。我已经成功地在点击“提交”时打开了一个弹出窗口,但仅此而已。
var answer = confirm("Do you want to change this?")
if (answer){
   // Possibly call another PHP ajax script to commit database changes...
}
else{
   // Rollback database changes and do some other processing...
}
window.location.reload();