Javascript 如何在表单字段中捕获flagstrap select值？

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

选择国家


$（'.flagstrap'）.flagstrap（）；
$（'.flagstrap'）.val（$（this.text（））；

---

您可以在

找到flagstrap，您不需要额外的表单字段，该插件在初始化时创建一个

select

元素，该元素将具有您要查找的值。输入具有您在

数据输入名称属性中声明的名称，因此在本例中
“国家”

如果您使用的是PHP，那么您可以使用
$\u POST['country']
访问该值。多亏了哈克曼的评论，我终于能够找到答案

<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> 


选择国家


$（'.flagstrap'）.flagstrap（）；
$（“.flagstrap”）.find（“select”）.change（function（）{$（'input[name=Flag]'）.val（$（this.val（））；}）
尝试以下操作：
$（.flagstrap”）.find（“select”）.change（函数（）{alert（$（this.val（））；}）这会弹出一个具有正确值的警报窗口。我不能使用PHP。我在这台服务器上的权限非常有限，除了formmail，我甚至不能在这台服务器上运行任何其他cgi