问题描述
我有一个html页面,其中包含多个选择(使用selectize进行),它们具有相同的类“ idPeople”。当我单击按钮“搜索”时,我必须获取所有选择的所有值(我已经在jjs的js文件中尝试过)。但是我只得到第一个选择的值(“选择一个”)。有什么建议吗? HTML
<html>
<head>
<!-- lib for jquery and selectize -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/js/standalone/selectize.min.js" integrity="sha256-+C0A5Ilqmu4QcSPxrlGpaZxJ04VjsRjKu+G82kl5UJk=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.12.6/css/selectize.bootstrap3.min.css" integrity="sha256-ze/OEYGcFbPRmvCnrSeKbRTtjG4vGLHXgOqsyLFTRjg=" crossorigin="anonymous" />
</head>
<body>
<!-- select one -->
<select class="idPeople">
<option value="1">1</option>
<option value="2">2</option>
</select>
<!-- select two -->
<select class="idPeople">
<option value="1">1</option>
<option value="2">2</option>
</select>
... other selects
<button type="button" id="search">search</button>
</body>
</html>
JS(在head标签中)
$(document).ready(function () {
// init selectize
$('.idPeople').selectize({
sortField: 'text'
});
// get values of selects
$( "#search" ).on('click',function() {
var idpeople= $('.idPeople').val();
console.log(idpeople);
});
});
解决方法
我不知道selectize.js,但是在纯jquery中,我会这样做:
import pyshark
capture=pyshark.LiveCapture(interface='wlan0',display_filter='frame.len>190 and upd.port==1700')
for i in capture:
print(i)
或者您可以写:
$( "#search" ).on('click',function() {
$(".idPeople option").each(function(){
console.log($(this).val());
});
});
或
$( "#search" ).on('click',function() {
$(".idPeople").find('option').each(function() {
console.log($(this).val());
});
});