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

Posted 2023-05-08

【中文标题】如何在表单字段中捕获 flagstrap 选择值？

【英文标题】：How do I capture flagstrap select values in a form field?

【发布时间】：2015-11-12 02:20:58

【问题描述】：

我正在使用 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

【问题讨论】：

试试这个：$(".flagstrap").find("select").change(function()alert($(this).val()););

这会弹出一个带有正确值的警报窗口。

【参考方案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> 

【参考方案2】：

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

如果您使用的是 php，您可以使用 $_POST['country'] 访问该值

【讨论】：

我不能使用 PHP。我在这台服务器上的权限非常有限，我什至不能在这台服务器上运行除 formmail 之外的任何其他 cgi