jquery - jQuery 触发选择元素以显示选项

Question

我想为输入和选择元素创建动画占位符。

我首先在选择元素上使用标签块作为占位符，然后单击标签或选择元素，理想情况下，标签将作为标题移至顶部，选择元素将显示其选项。

但是，就在我单击选择元素的区域但在标签之外时，我会像我一样操作；如果我单击标签，它只会移动到顶部但不显示选择元素的选项。它应该再次单击选择元素以显示选项。

所以，我想通过这些方法触发选择元素如下但不工作......

$(document).on('click', '.moveable-disabled-option', function() {
    $(this).prev().trigger('click');
    $(this).prev().trigger('focus');
    $(this).prev().focus();
})

我的演示： https ://codepen.io/hsieh-po-yang/pen/yLOodyN

标签： jquerycssselect