javascript - 从其他事件中选择并打开一个 SELECT 元素

<分区>

Possible Duplicate:
Can I open a dropdownlist using jQuery

想要打开下拉菜单，点击文本区域 - 这可能吗？

我目前正在尝试使用 jquery-mobile，并希望在 iPhone/Android 设备中打开 SELECT-BOX。

这是我的代码-

JS:

function showScoopCategory()
{
    console.log('showScoopCategory');
    $('#scoopCategory').click();  // Not opening the dropdown
}

HTML:

<select id="scoopCategory" name="grievence">
    <option value="1">Option One</option>
    <option value="2">Option Two</option>
    <option value="3">Option Three</option>
</select>
...
<textarea id="scoopCategoryText" placeholder="Select & Open Dropdown" onClick="showScoopCategory();"></textarea>

最佳答案

我认为您无法像正常点击那样打开它。但是，您可以增加它的大小。

$('#scoopCategoryText').on('focus', function() {
    var $sCategory = $('#scoopCategory'),    
        numCategories = $sCategory.find('option').length;

    console.log('showScoopCategory');
    $sCategory.attr('size', numCategories);          
}).on('blur', function() {
    $('#scoopCategory').attr('size', 1);
});

您也可以使用 HTML 和 CSS 制作一个模拟下拉菜单，但要恰到好处并不容易。

关于javascript - 从其他事件中选择并打开一个 SELECT 元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9592352/

上一篇：html - CSS 布局 - 如何放置每个框，尤其是当侧边栏不在容器中时？

下一篇：html - 防止移动浏览器缩放一个 HTML 元素

相关文章：

javascript - 陷入 Ember.js 将计算属性移交给模板的困境

jquery - 如何在一个页面上拥有多个 jQuery TableSorter 表

javascript - 将格式不正确的 XML 文档转置为 HTML 无序列表

javascript - 计时器位置在 JQuery 中显示双倍

javascript - 如何分配一个 val onClick

javascript - Foreach 元素悬停不同的背景

javascript - 类型错误 : readonly assignment error with React application in Safari

javascript - 在 anchor 标记中包装路径元素

javascript - 在 Wordpress 帖子中使用 jQuery

php - 如何根据php中标题的长度减小字体大小？