Javascript 使用jquery在选择框中选择最接近的值

Javascript 使用jquery在选择框中选择最接近的值,javascript,jquery,html,select,Javascript,Jquery,Html,Select,从一个API中,我得到了“times”,并将其放入选择框中,如: <select id="time"> <option value="19:00:00">19:00:00</option> <option value="20:00:00">20:00:00</option> <option value="21:00:00">21:00:00</option> <option value="2

从一个API中,我得到了“times”,并将其放入选择框中,如:

<select id="time">
  <option value="19:00:00">19:00:00</option>
  <option value="20:00:00">20:00:00</option>
  <option value="21:00:00">21:00:00</option>
  <option value="22:00:00">22:00:00</option> /// ETC
</select>

问题是,API没有将每次20:00:00作为选项返回给我,因此我需要选择其他时间,因此如何使用jquery选择最接近20:00:00的时间等等。如果20:00:00不在选择框中,如何选择21:00:00?

您可以找到所有等于或大于所需时间的选项,然后选择第一个,如果已经订购了该列表

变量时间='20:00:00'; 函数转换时间值{ //选择所有选项并过滤它们 $“时间选项”。filterfunctionindex,元素{ //仅返回值等于或的值 //比我们期望的时间还要长 返回元素.value>=值; }.eq0.prop'selected',true;//选择第一个 } 转换时间; 19:00:00 21:00:00 22:00:00///等
您可以找到所有等于或大于所需时间的选项,然后选择第一个选项,前提是列表已排序

变量时间='20:00:00'; 函数转换时间值{ //选择所有选项并过滤它们 $“时间选项”。filterfunctionindex,元素{ //仅返回值等于或的值 //比我们期望的时间还要长 返回元素.value>=值; }.eq0.prop'selected',true;//选择第一个 } 转换时间; 19:00:00 21:00:00 22:00:00///等
添加缺失时间作为选项会更好吗?不,我需要显示API返回我的内容…可能的重复项将缺失时间添加为选项会更好吗?不,我需要显示API返回我的内容…可能的重复项非常感谢!非常优雅的解决方案!非常感谢!非常优雅的解决方案!
$('#time').val('20:00:00');