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

Question

我正在使用 Flagstrap，这是一个 jQuery 插件，用于通过 Bootstrap 的选择和按钮下拉组件显示带有标志的国家/地区选择器。感谢清晰的演示页面，很容易让它正确显示，但演示没有提交表单。我已经尝试了几种方法将表单选择放入表单字段，但到目前为止还没有成功。这是我认为我最好的尝试，基于其他与 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>