Question

标题似乎很清楚，但我们永远都不知道。

这是我的问题，我有一个复选框系列，每个都与选项列表相关联。

即： Checkbox1

=＆GT; OPT1

=＆GT; OPT2

Checkbox2

=＆GT; OPT1

=＆GT; OPT2

等..（每个复选框有十几个选项）

我需要做的是：

当用户选中一个方框时，会出现一个提示，其中包含一个Select inside，结果将作为复选框的值发送。

我尝试了一些插件（即：jQuery Impromptu），但它们都会自动关闭我的选择标签，输出类似的东西

<select></select><option></option><option></option>

任何人都有解决方案吗？

Answer 1

<强> HTML

<input type="checkbox" id="chk1"><select style="display: none;" id="sel1"><option>.........</select>
<input type="checkbox" id="chk2"><select style="display: none;" id="sel2"><option>.........</select>
<input type="checkbox" id="chk3"><select style="display: none;" id="sel3"><option>.........</select>

<强> JS

$(document).ready(function()
{
   $('input[type="checkbox"').click(function()
  {
    if($(this).checked)
    {
      $('#sel'+$(this).attr('id').toString().replace('chk', '')).show();
    }
    else
     $('#sel'+$(this).attr('id').toString().replace('chk', '')).hide();
  });
  $('select').change(function(){
     $('#chk' + $(this).attr('id').toString().replace('sel', '')).val($(this).val());
  });
});

我希望这会有所帮助。

jQuery / Javascript Prompt with Select inside

1 个答案: