php - 添加计算按钮

Question

我是一名大学生(一年级)，目前我正在学习使用 PHP 和 MySQL 以及 CodeIgniter 开发网络应用程序，并且我设法得到了一个项目(由其他人开发 - 我的阿姨是那里的经理)对于一家制造木门的公司。该应用程序用于添加/管理订单，虽然四处乱逛，但我成功地进行了一些更改(基于他们想要添加的内容)，但现在我被卡住了

应用程序是这样工作的:

1)用户进入添加新订单的页面

2) 选择门的高度(从下拉菜单中)

3) 选择门的宽度(从下拉菜单中)

4) 选择门的外壳(从下拉菜单中)

之后，用户打印订单，最后根据选择进行计算，并在打印页面上手动添加。

现在我想做的是在第 4 步之后在页面上添加一个按钮，用户将在该按钮上单击它并弹出一个窗口，向他显示无需他自己进行的计算。

我尝试在谷歌和其他论坛上寻找解决方案，但还没有找到解决方案

这是高度下拉的代码

<select id="ipsos" onchange="ypsos();" name="onom_ypsos" class="form-control onom_ypsos" required >
<option value="" ></option>
<option value="205" class="ypsosplatos_12" >205</option>
<option value="210" class="ypsosplatos_12" >210</option>    
<option value="215" class="ypsosplatos_12" >215</option>
<option value="202" class="ypsosplatos_15" >202</option>
<option value="207" class="ypsosplatos_15" >207</option>
<option value="212" class="ypsosplatos_15" >212</option>
<option value="217" class="ypsosplatos_15" >217</option>
<option value="221" class="ypsosplatos_15" >221</option>
<option value="200" class="ypsosplatos_16" >200</option>
<option value="204" class="ypsosplatos_16" >204</option>
<option value="208" class="ypsosplatos_16" >208</option>    
<option value="212" class="ypsosplatos_16" >212</option>
<option value="216" class="ypsosplatos_16" >216</option>
<option value="220" class="ypsosplatos_16" >220</option>
<option value="224" class="ypsosplatos_16" >224</option>
<option value="228" class="ypsosplatos_16" >228</option>
<option value="232" class="ypsosplatos_16" >232</option>
<option value="236" class="ypsosplatos_16" >236</option>
<option value="240" class="ypsosplatos_16" >240</option>
<option value="244" class="ypsosplatos_16" >244</option>
<option value="248" class="ypsosplatos_16" >248</option>
<option value="252" class="ypsosplatos_16" >252</option>
</select>

这是宽度下拉的代码

<select onchange="platos(this.value);" name="onom_platos" class="form-control onom_platos" required>
<option value="" ></option>
<option value="90" class="ypsosplatos_12">90</option>
<option value="95" class="ypsosplatos_12" >95</option>  
<option value="100" class="ypsosplatos_12">100</option>
<option value="80" class="ypsosplatos_15" >80</option>
<option value="85" class="ypsosplatos_15" >85</option>
<option value="90" class="ypsosplatos_15" >90</option>
<option value="95" class="ypsosplatos_15" >95</option>
<option value="100" class="ypsosplatos_15" >100</option>
<option value="105" class="ypsosplatos_15" >105</option>
<option value="83" class="ypsosplatos_16" >83</option>
<option value="88" class="ypsosplatos_16" >88</option>
<option value="93"  class="ypsosplatos_16" >93</option> 
<option value="98"  class="ypsosplatos_16" >98</option>
<option value="103"  class="ypsosplatos_16" >103</option>
<option value="108"  class="ypsosplatos_16" >108</option>
<option value="113"  class="ypsosplatos_16" >113</option>
<option value="118"  class="ypsosplatos_16" >118</option>
<option value="123"  class="ypsosplatos_16" >123</option>
<option value="128"  class="ypsosplatos_16" >128</option>
</select>

我不是要你们提供代码或为我解决问题，我只是想要一些指导，我应该看什么 - 阅读什么。提前致谢，如果超出主题或违反社区，我们深表歉意

Answer 1

也许是这样的？请注意，我为第二个下拉列表提供了一个 ID，以便于 js 访问。

<select id="ipsos" onchange="ypsos();" name="onom_ypsos" class="form-control onom_ypsos" required >
<option value="" ></option>
<option value="205" class="ypsosplatos_12" >205</option>
<option value="210" class="ypsosplatos_12" >210</option>    
<option value="215" class="ypsosplatos_12" >215</option>
<option value="202" class="ypsosplatos_15" >202</option>
<option value="207" class="ypsosplatos_15" >207</option>
<option value="212" class="ypsosplatos_15" >212</option>
</select>
<select id="width" onchange="platos(this.value);" name="onom_platos" class="form-control onom_platos" required>
<option value="" ></option>
<option value="90" class="ypsosplatos_12">90</option>
<option value="95" class="ypsosplatos_12" >95</option>  
<option value="100" class="ypsosplatos_12">100</option>
</select>
<button onclick="calc()">calc</button>
<script>
function calc(){
var val1 = document.getElementById("ipsos").value;
var val2 = document.getElementById("width").value;

alert("val1 * val2 = " + (val1*val2));
}
</script>