HTML页面中if的使用

出现的问题是:通过后台传到前台的某个变量(此处为num)的不同值,决定select中的option的取值。
解决方法:很显然会想到用if判断语句。

这个是最终成功实现的代码:

<select id="abc" class="layui-input" >
	@if(num == '0'){
		<option value="a" selected>a</option>@}
    @if(num == '1'){
        <option value="b" selected>b</option>@}
    @if(num == '2'){
        <option value="c" selected>c</option>@}
    @if(num == '3'){
        <option value="d" selected>d</option>@}
    @if(num == '4'){
        <option value="e" selected>e</option>@}
    @if(num == '5'){
        <option value="f" selected>f</option>@}
</select>

此处的if的用法为:@if(){ @}

此外也在网上看了大家分享的方法,例:

此方法的链接地址

{% if num == '0'%}
  <option value="a" selected>a</option>
{% elif num== '1'%}
  <option value="b" selected>b</option>
{% elif num== '2'%}
  <option value="c" selected>c</option>
{% elif num== '3'%}
  <option value="d" selected>d</option>
{% elif num== '4'%}
  <option value="e" selected>e</option>
{% endif %}


此方法的链接地址

<switch name="num">
   <case value="0"><option value="a" selected>a</option></case>
   <case value="1"><option value="b" selected>b</option></case>
   <case value="2"><option value="c" selected>c/option></case>
   <case value="3"><option value="d" selected>d</option></case>
</switch>


此方法的链接地址

<if num="0">
  <option value="1" selected>a</option>
<elseif num="1"/>
  <option value="2" selected>b</option>
<elseif num="2"/>
  <option value="3" selected>c</option>
</if>

这三个方法我在进行使用时,均不能成功达到想要的效果,代码运行的效果则是select中的option的值并不能根据num的值进行正确显示。

发布了7 篇原创文章 · 获赞 0 · 访问量 68
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 深蓝海洋 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览