Question

我正在使用Flagstrap，这是一个jQuery插件，用于通过Bootstrap的select和button下拉组件显示带有标志的国家/地区选择器。感谢一个清晰的演示页面，很容易让它正确显示，但演示没有提交表格。我已经尝试了几种方法将表单选择放到表单字段中，但到目前为止还没有运气。基于其他与bootstrap相关的帖子，我认为这是我最好的尝试。

<form name="formmail" method="post" action="formmail.cgi" onsubmit="return">
    <div class=" form-group ">
        <input type="hidden " name="Flag " id=flagstrap value=" " />
        <label>Select Country</label>
        <br>
        <div class="flagstrap " 
            data-input-name="country " 
            data-button-size="btn-md " 
            data-button-type="btn-default " 
            data-scrollable="true ">
        </div>
    </div>
    <input class="button " type="submit " value="Send "/>
</form>
<script>
    $('.flagstrap').flagStrap();
    $('.flagstrap').val($(this).text());
</script>

您可以在https://github.com/blazeworx/flagstrap

找到旗帜

Answer 1

感谢Hakerman的评论，我终于能够弄清楚了

<form name="formmail" method="post" action="formmail.cgi" onsubmit="return">
<div class=" form-group ">
    <input type="hidden " name="Flag " id=flagstrap value=" " />
    <label>Select Country</label>
    <br>
    <div class="flagstrap " 
        data-input-name="country " 
        data-button-size="btn-md " 
        data-button-type="btn-default " 
        data-scrollable="true ">
    </div>
</div>
<input class="button " type="submit " value="Send "/>
</form>
<script>
    $('.flagstrap').flagStrap();
    $(".flagstrap").find("select").change(function(){ $('input[name= Flag]').val($(this).val());})
</script>

Answer 2

您不需要额外的表单字段，该插件会在初始化时创建一个select元素，该元素将具有您要查找的值。输入具有您在data-input-name属性中声明的名称，因此在这种情况下"country"。

如果您使用的是PHP，则可以使用$_POST['country']

访问该值

如何在表单字段中捕获标志选择值？

2 个答案: