使用div而不是select

Question

您好我已按照以下说明实施了自定义选择：

http://www.onextrapixel.com/2012/06/20/create-a-custom-select-box-with-jquery/

它基于使用div和span而不是select和选项。我的问题是，我怎样才能让表格获得这个价值？

我是否需要进行隐藏选择并每次为其分配div-select值？

Answer 1

在表单的某处添加隐藏的输入，比如说

<input type="hidden" name="foo">

然后将此行添加到jQuery代码段

$(this).find('span.selectOption').click(function(){
    $(this).parent().css('display','none');
    $(this).closest('div.selectBox').attr('value',$(this).attr('value'));
    $(this).parent().siblings('span.selected').html($(this).html());

    $('input[name="foo"]').val($(this).html());
    ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
});

基本上，只要点击一个选项，它就会更新名为“foo”的字段，该字段存储所选选项的名称。

Answer 2

您可以使用与所选值匹配的隐藏选择，或仅使用具有更新值的隐藏输入。无论哪种方式，要包含在表单提交中，它必须是input，textarea或具有select属性的name。