使用Select2在隐藏字段上提交值

时间:2014-01-27 05:41:31

标签: javascript jquery jquery-select2

我有隐藏的领域。

  <hidden id="city-sel" name="city" class="input-large"></hidden>

使用Select2对其进行初始化,以便对城市进行动态查找,并且运行正常。

function c_enable(state, text) {
  $("#city-sel").select2({
      placeholder: text,
      minimumInputLength: 2,
      query: function(query) {
        $.ajax({
          url:city_url(query.term),
          dataType:'json'              
        }).done(function(data) {
          query.callback({results: data});
        })
      }
    });

  $("#city-sel").select2(state);
} 

问题是提交表单时,未提交此字段的值。如何使这项工作?

2 个答案:

答案 0 :(得分:2)

您必须知道的重点是,无论何时提交表单,它都会发送所有<input标记,并且只发送具有name属性的标记。它就像一个键值映射,输入名称为键,值为值。

在您的代码中,您只需要更改:

<hidden id="city-sel" name="city" class="input-large"></hidden>

为:

<input type="hidden" id="city-sel" name="city" class="input-large"></input>

使用hidden字段提交select代码的整个想法是基于这一点。

答案 1 :(得分:0)

使用有效的HTML:

&#13;
&#13;
<input type="hidden" id="city-sel" name="city" class="input-large"/>
&#13;
&#13;
&#13;