jquery - 在选择元素内使用键盘和鼠标输入创建 jQuery 事件触发器

Question

好的，就到这里，

我正在尝试编写一个脚本，当用户键入或单击<option id='blselect'>时，该脚本在<select>内element 触发显示隐藏元素的事件。如果有其他<option class='unselect'>单击后，上述元素将被隐藏。

我已经让脚本在用户点击方面完美运行，但问题是用户是否要使用键盘来完成表单。

想要为 <option id='blselect'> 触发的事件显示就是这样；

$("#blselect").click(function() {
    $("#hidden").animate({
        opacity: 'show',
        width: "100%"
    }, 1500);
});

想要触发隐藏的事件是这样的；

$(".unselect").click(function() {
    $("#hidden").animate({
        opacity: 'hide'
    }, 1500);
});

这显示了 CSS 隐藏元素，当然还可以对视觉效果进行动画处理。

简而言之，当用户关注<option id='blselect'>时，该解决方案涵盖键盘和鼠标输入。或<option class='unselect'>元素。

<li>
    <select>
        <option class="unselect" selected>Please choose an option..</option>
        <option id="blselect">John</option>
        <option class="unselect">Mike</option>
        <option class="unselect">Barry</option>
        <option class="unselect">Sally</option>
        <option class="unselect">Gertrude</option>
        <option class="unselect">Jill</option>
    </select>
</li>

<li id="hidden">
    <input type="text">
</li>

$("#blselect").click(function() {
    $("#hidden").animate({
        opacity: 'show',
        width: "100%"
    }, 1500);
});

$(".unselect").click(function() {
    $("#hidden").animate({
        opacity: 'hide'
    }, 1500);
});

希望这些信息足以让人们开始使用吗？如果您需要更多，请告诉我。

提前致谢。

Answer 1

看看 .change() 事件。这样，<select> 中的每一个变化标签已注册。查看 jQuery page 上的示例看看它是如何工作的。