Javascript jQuery.find（）赢了'；找不到<；选项>；标签和行为相当怪异

我正在写一个网页，其中包含一个表，可以使用jQuery进行过滤。 使用引导4下拉列表可以实现这种过滤。我为每个选项指定了一个值：

<select id="inputState" class="btn btn-outline-secondary" name="sesso">
         <option class="dropdown-item" value="Tutti">Tutti</option>
         <option class="dropdown-item" value="Confezionati">Confezionati</option>   
 </select>

它不打印它应该打印的内容，而是打印一组代码和指令，标题如下：

/! jQuery v3.2.1 -ajax,-ajax/jsonp,-ajax/load,-ajax/parseXML,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-event/ajax,-effects,-effects/Tween,-effects/animatedSelector | (c) JS Foundation and other contributors | jquery.org/license / !

---

请注意，网页是由PHP生成的。

在jQuery中

val

是一个方法而不是属性，因此它需要是

.val（）

，而不是

.val

。另外，要读取所选值，请直接在

元素上调用
val（）
，而不是在所有可用
选项的集合上选择
元素。试试这个：


$（文档）.ready（函数（）{
var tipo=$（“选择”）.val（）；
如果（tipo！=“Tutti”）{
console.log（'ciao'）；
}否则{
console.log（'Addio'）；
}
});

图蒂
联盟
您使用val作为属性，它是一种方法


$（文档）.ready（函数（）{
var tipo=$（“选择”）.find（“选项”）.val（）；
如果（tipo！=“Tutti”）{
log（$（this.find（“option”）.val（））；
console.log（'ciao'）；
}否则{
console.log（'Addio'）；
}
});

图蒂
联盟
如果您只需要所选的
值，其他答案就足够了。但是，如果您确实需要直接访问所选的
及其属性，您可以在匹配元素的集合上使用
过滤器（':selected'）
方法。

下面我将演示如何在页面加载时以及在所选选项更改时访问所选选项的数据


$（文档）.ready（函数（）{
常量$inputState=$（“#inputState”）
$inputState.change（函数（）{
//价值
让value=$（this.val（）
log（“选择值：”，theValue）
//第一个选定元素
让$selectedOption=$（this）.find（'option'）.filter（':selected'）.first（）
log（“选项值：，$selectedOption.val（））
log（“选项数据：，$selectedOption.data（））
})
//加载时触发更改
$inputState.change（）
});

图蒂
联盟
谢谢大家。我是个新手，我为自己愚蠢的错误辩解。
/! jQuery v3.2.1 -ajax,-ajax/jsonp,-ajax/load,-ajax/parseXML,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-event/ajax,-effects,-effects/Tween,-effects/animatedSelector | (c) JS Foundation and other contributors | jquery.org/license / !