Javascript 如何在选择选项中同时选择id和类

我已经实现了在我的示例中选择的jquery，问题是我已经将代码

更改为

我之所以分配这个班是因为要达到如下的效果

<script>
  $(function(){
    $(".chosen-select").chosen(); 
});
</script>

---

我是否可以为同一个选择选项指定id和类，如下面的

是否有效或任何其他解决方案

您可以使用与ID相同的类名，但我不建议这样做-ID在代码中必须是唯一的，而类名不必是唯一的

如果删除了id属性，则不能使用getElementById并在DOM中查询它。 相反，请使用getElementsByClassName-注意，这将返回一个集合，因此假设只有一个元素具有此类名，则需要使用

getElementsByClassName（“选择”）[0]。值

.selected（）

不是标准的jQuery方法，它来自

插件有2个

标签。其中一个不起作用，见图1

标签应关闭，见图2

正如Gel Boy先生所说：避免。连字符-将被混淆为负号-

正如charlietfl先生（女士？）所述：使用时不需要id，请参见图3

图一。 这是正确的，但是在您的情况下，如果您像这样使用e会更好：

$('.chosenSelect').chosen();

下面的代码片段显示了使用所选插件的单选和多选。我假设您的问题是您不知道或不知道如何使用插件，或者是因为连字符的变量，所以简而言之：

将您选择的类设置为不带任何-，的任意名称，并调用针对该类名的插件。保持变量简单，不带-。该插件将处理事件，并允许您做其他需要大量工作和编码才能完成的事情

一小条

选择的插件
字段集{
最大宽度：300px；
字体系列：“Verdana”；
}
字段集*{
字体家族：继承；
}
选择的插件
单选
苹果
浆果




多选
葡萄
芒果
梨
樱桃
函数getValue（）{
var valchosenSelect=document.getElementById（“sel1”）.value；
var valcmbSidebar=document.getElementById（“sel2”）.value；
valOutput=“label:+valchosenSelect+”| label:+valcmb边栏；
窗口打开（“https://blogupdatesmyme.blogspot.in/search/?q=“+valOutput”；
}
$（函数（）{
$（“.chosenSelect”）。已选择({
宽度：“95%。”
});
});
解决方案是什么？根本不清楚问题是什么，也不清楚您试图实现什么。不要对js变量使用连字符。它被视为负数。在那之后，你就可以了。实际上，我需要得到值过滤器，所以我想用id来表示类，也就是说，相同的id和类，使用插件api来获得你的值。您无需使用ID或类，只要使用插件EitherGetElementsByCassName（“Selected select”）[0]，就可以在其中选择
的ID或类。值我不理解的0中的什么可以解释值需要来自插件api@charlietfl如何在此代码函数getValue（）中使用GetElementsByCassName{var valcmbselected select=document.getElementById（“selected select”）.value；var valcmbSidebar=document.getElementById（“cmbSidebar”）.value；valOutput=“label:”+valcmbselected+”| label:“+valcmbSidebar；window.open（“/search/？q=“+valOutput，”_self”）}我应该在使用id的地方使用类名还是…？@vijaykumar[0]是使用GetElementsByCassName获得的集合中的第一个元素。如果使用ID，则可以使用getElementById，并且只能获得一个元素（而不是一个包含一个元素的集合）。很抱歉延迟回复您的帮助。没有问题，我很乐意提供帮助。
<script src="//harvesthq.github.io/chosen/chosen.jquery.js"></script>
<link href="//harvesthq.github.io/chosen/chosen.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="https://harvesthq.github.io/chosen/chosen.jquery.js"></script>

WRONG: <option value="apple"/>Apple
CORRECT: <option value="apple">Apple</option>

$('.chosen-select').chosen();

$('.chosenSelect').chosen();