：在 Zepto.js 中选择答案

【问题标题】：:selected in Zepto.js：在 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);

【讨论】：

【解决方案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')

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

【讨论】：