开发工具与关键技术:VS, ASP.NET MVC
作者:谭威
撰写时间:2019年6月03日
在这里我得先说明一下我使用的是layui.js插件来监听单选框事件的,在下面我会将html的源代码(同样是用layui.css来封装的)写在下面:
<div class="layui-form col-2 p-0" style="margin-top:85px"; id="PilotRadio">
<input type="radio" name="Pilot" style="cursor:pointer" value="1" lay-filter="PilotRadio">
<p tyle="height:8px;"></p>
<input type="radio" name="Pilot" style="cursor:pointer;" value="2" lay-filter="PilotRadio">
<p style="height:8px;"></p>
<input type="radio" name="Pilot" style="cursor:pointer;" value="3" lay-filter="PilotRadio">
</div>
在源代码中我们可以看到其它很简洁(这里的p标签我为了竖着排列,而竖着排列单选框就靠的有点近,为此我用p标签将他们分的更开一点,所以准确的来说就只有三个input标签),而我们的监听单选框事件只需要获取到value值就好。
下图中的方法是下拉框的选值一旦改变进入的事件,然后拿到这个下拉框的值,将其它赋值给CarID(查询下拉框的数据一般是只有这个下拉框的数据的表,就算还有其它的字段,但在下拉框中返回的值都是主键ID),在判断CarID是否大于零,若大于,则打开加载层,将CarID发送到控制器中,控制器通过CarID连表查询车其它数据,再将这些数据返回到是视图中(也就是data中),然后再将数据进行回填(我