jQuery / Javascript Prompt with Select inside

Question

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

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

即： 复选框1

=> 选项 1

=> 选项 2

复选框2

=> 选项 1

=> 选项 2

等等，（每个复选框大约有十几个选项）

我需要做的是：

当用户选中一个框时，会出现一个提示，里面有一个 Select 并且结果作为复选框的值发送。

我已经尝试了一些插件（即：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());
  });
});

我希望这会有所帮助。