【问题标题】:Assign value to input fields in bootstrap tabs based on some condition根据某些条件为引导选项卡中的输入字段分配值
【发布时间】:2017-08-29 19:07:44
【问题描述】:

我无法根据条件为引导选项卡中的输入字段分配值,它在第一个选项卡中可以正常工作,但在第二个选项卡中不能正常工作。 这是我迄今为止尝试过的:

 <ul class="nav nav-tabs">
     <li class="active"><a href="#One" data-toggle="tab">First</a></li>
     <li class=""><a href="#Two" data-toggle="tab">Second</a></li> 
</ul>

<div id="tabContent" class="tab-content">
     <div class="tab-pane fade" id="One">
          //Its works fine,and assigns the value to input field.
           <input type="text" value="{{($row->value== 1) ?'test':'')}}" />
     </div>
     <div class="tab-pane fade" id="Two">
          //value is not assigned to input field though condition is true.
            <input type="text" value="{{($row->value== 1) ?'test':'')}}" />
     </div>
</div>

【问题讨论】:

    标签: php jquery twitter-bootstrap bootstrap-tabs


    【解决方案1】:

    你在用树枝吗?如果我没记错的话,您只对变量使用 {{}}:{{myVar}}。对于表达式,请使用 {% %}。

    {% $row->值 == 1 ? '测试':'' %}

    【讨论】:

    • 不,我没有使用树枝,这是 laravel 刀片的工作原理。
    • 好的,所以,要尝试的一件事是使用更简洁的条件@if ($row-&gt;value == 1) &lt;input type="text" value="test" /&gt; @else &lt;input type="text" value="" /&gt; @endif 我还建议将两个输入的值分配给单独的变量,看看会发生什么:&lt;input type="text" value="{{$row-&gt;input1}}" /&gt; &lt;input type="text" value="{{$row-&gt;input2}}" /&gt; 某事模板渲染正在发生有趣的事情,因此,这些可能有助于解决这个问题。另外,转储渲染的内容......可能是一些 JS 弄乱了值。
    猜你喜欢
    • 1970-01-01
    • 2023-01-10
    • 2015-12-26
    • 2016-05-17
    • 2020-11-15
    • 2021-02-19
    • 1970-01-01
    • 1970-01-01
    • 2022-01-06
    相关资源
    最近更新 更多