：在 Zepto.js 中选择

Posted 2023-02-22

【中文标题】：在 Zepto.js 中选择

【英文标题】：:selected in Zepto.js

【发布时间】：2012-02-25 12:51:11

【问题描述】：

在 Zepto.js 中执行 .find("option:selected") 时出现错误。 Zepto 甚至支持 ":selected" 吗？如果没有，是否有一种等效的方法可以使该工作正常工作，而无需恢复为 jQuery？

【参考方案1】：

通过浏览文档，我不这么认为。也就是说，您应该能够做到：

var sel = document.getElementById("mySelect");
console.log(sel.options[sel.selectedIndex].value);

【讨论】：

谢谢！我一直忘记“常规”javascript。 =)

【参考方案2】：

Zepto 的默认模块不支持 :selected，因为它不是 CSS 标准，但您可以为该功能添加“选择器”Zepto 模块（请参阅Zepto Github page 以使用可选模块构建库）。

或者，Zepto 问题中提到了这种解决方法：https://github.com/madrobby/zepto/issues/503

// get OPTION elements for which `selected` property is true
$('option').not(function() return !this.selected )

【参考方案3】：

试试$('select').val();这似乎对我有用。

【参考方案4】：

$("#YOURselectID").val(); 应该可以正常工作。

:selected 也不能正常工作 zeptoJS

您也可以试试这个来获取所选项目的文本。

$("#YOURselectID option["+$("#YOURselectID").val()+"]").html(); 

应该可以正常工作。

格式为$(ID option[value]).html();

【参考方案5】：

$('option:checked')

在我的项目中，我用上面的代替。

demo