小编Mar*_*out的帖子

我把2个元素放在彼此旁边.他们都使用jQuery Chosen插件.

这是代码:

<div class="wrapper">
  <select data-placeholder="Number row 1" style="width:350px;" multiple class="chzn-select">
    <option value=""></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
  </select>

  <select data-placeholder="Number row 2" style="width:350px;" multiple class="chzn-select">
    <option value=""></option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
  </select>
</div>

这是Javascript.jQuery库,最新的Chosen插件和CSS都包含在课程中.

<script>
$('.chzn-select').trigger("liszt:updated");
$('.chzn-select').chosen().change( function() {
  var selectedValue = $(this).find('option:selected').val();
  $(this).parent().find('option[value="'+ selectedValue +'"]:not(:selected)').attr('disabled','disabled');
});
</script>

这是我想用上面的脚本完成的.

• 有两个具有相同值的选择元素.例如,当在元素1中选择值"1"时,我想在元素2中禁用它.
• 然而.在我取消选择元素1中的值"1"之后,它仍然在元素2中被禁用.这不是我想要的.取消选择第1个元素中的值后,应该再次使用另一个值.

有人知道怎么做到这一点吗？

编辑

现在我已经提出了一个的jsfiddle 正确的位置:http://jsfiddle.net/dq97z/3/.任何帮助将非常感激!

我正在使用jQuery Fancybox在模态窗口中显示表单.我正在使用以下代码:

$("a.iframe").fancybox({
'padding': 0,
'width': 650,
'showCloseButton': false,
'hideOnContentClick': false,
'transitionIn': 'elastic',
'transitionOut': 'elastic',
'onComplete': function () {
  $('#fancybox-frame').load(function () {
    $('#fancybox-content').height($(this).contents().find('body').height() + 20);
  });
}
});

使用额外的onComplete函数,我可以根据内部内容的高度调整iframe的高度.

但是,我在iframe中隐藏了一些jQuery的.hide()元素.每当我想要.show()这些元素时,iframe本身不会随着现在可见元素的额外高度而调整大小.

我怎么能做到这一点？谢谢!

我正在使用jQuery Chosen 2个<select>元素.每个元素包含相同的值,我使用循环将选定的值放入数组中,并禁用已放入该数组中的所有值,而不是选定的选项.换句话说:我总是禁用doppleganger.

我试图通过使用数据属性"maxpersons"来限制最后一个循环所选值的数量,并将其与所选值的数量进行比较.

不幸的是,这只适用于尚未预先选择选项的情况.如果是,有人仍然可以再选择一个值.哪个不应该被允许.

此外,我希望在达到最大值时<p>在<select>元素旁边放置一个标记,并在尚未达到最大值时自动将其删除.

任何帮助将非常感谢!这是JS小提琴:http://jsfiddle.net/dq97z/28/