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

Question

我正在使用 Flagstrap，这是一个 jQuery 插件，用于通过 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找到flagstrap

Answer 1

多亏了哈克曼的评论，我终于弄明白了

<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'] 访问该值