繁体   English   中英

如何将树枝代码从javascript传递到树枝文件?

[英]how to pass twig code from javascript to twig file?

我想为代理创建注册表格,但是一个代理应该能够注册他们想要多少个代理。

用户填写完整的字段(姓名,姓氏等。),他们必须回答以下问题:是否要添加新代理? ->看添加代码:

             <div class="form-group">
                <label for="new_agent">Would you like add new agent:</label>
                <div class="radio new_agent_div">
                    <label class="radio-inline">
                        <input type="radio" name="new_agent" id="new_agent" value="1"> Yes
                    </label>
                    <label class="radio-inline">
                        <input type="radio" name="new_agent" id="new_agent2" value="0" > No
                    </label>
                </div>
            </div>

<div class="add-agents"></div>

如果他们选择是,我运行jquery代码:

    jQuery(document).ready(function($) {

    $(".new_agent_div").change(function(){


        var html = [
            '               <div class="form-group">',
            '                   <label for="name">First Name</label>',
            '                   <input type="text" class="form-control" name="name" id="name" value="{{app.request.get("name")}}" placeholder="">',
            '                   {% if validation["name"][0] is defined %}',
            '                       <span class="help-block">',
            '                           <span class="glyphicon glyphicon-exclamation-sign"></span>',
            '                           {{validation["name"][0]}}',
            '                       </span>',
            '                   {% endif %}',
            '               </div>'
        ].join('');

        if ($('#new_agent').is(':checked')) {
            $('.add-agents').html(html);
        }

        if ($('#new_agent2').is(':checked')) {
            $('.add-agents').html('');
        }

    });    
});

之后,如果添加新用户,则应再次显示...

怎么了 当我单击“是”时,我收到了Twig标签作为字符串。 看: 树枝标签

我该怎么办? 也许一些过滤器或类似的东西?

为什么在无线电值更改时没有默认放置html并隐藏/显示?

<div class="form-group">
    <label for="new_agent">Would you like add new agent:</label>
    <div class="radio new_agent_div">
        <label class="radio-inline">
            <input type="radio" name="new_agent" id="new_agent" value="1"> Yes
        </label>
        <label class="radio-inline">
            <input type="radio" name="new_agent" id="new_agent2" value="0" > No
        </label>
    </div>
</div>

<div class="add-agents" style="display:none;">
    <div class="form-group">
        <label for="name">First Name</label>
        <input type="text" class="form-control" name="name" id="name" value="{{app.request.get("name")}}" placeholder="">
        {% if validation["name"][0] is defined %}
            <span class="help-block">
            <span class="glyphicon glyphicon-exclamation-sign"></span>
                {{validation["name"][0]}}
            </span>
        {% endif %}
    </div>
</div>

然后js看起来像

jQuery(document).ready(function($) {

    $(".new_agent_div").change(function(){

        if ($('#new_agent').is(':checked')) {
            $('.add-agents').css("display" , "block");
        }

        if ($('#new_agent2').is(':checked')) {
            $('.add-agents').css("display" , "none");
        }

    });    
});

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM