Javascript 选择特定选项时如何重置“选择”

Javascript 选择特定选项时如何重置“选择”,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我想创建一个虚拟选项,它只是用来触发一个模态,我不想选择那个选项 以下是Html: <select onchange="setCookie('addcategory', this.value, 365);"> <option hidden disabled selected value> -- select a category -- </option> <?php foreach( $categories

我想创建一个虚拟选项,它只是用来触发一个模态,我不想选择那个选项

以下是Html:

  <select  onchange="setCookie('addcategory', this.value, 365);">
    <option hidden disabled selected value> -- select a category -- </option>
      <?php foreach( $categories as $index => $category ) :?>
    <option value="<?php echo $category ?>" ><?php echo $category ?></option>
      <?php endforeach ?>
    <option value="I_C_M">+++++++Click to Add new+++++++</option>
  </select>

“单击以添加新”是虚拟选项

我认为您应该使用
对象将当前元素上的
selectedIndex
设置为
0

演示:

$('select')。在('change',function()上{
if(this.value==“I_C_M”){
$(this.prop('selectedIndex',0);
//$(“#插入_类别_模态”).model('show');
}
});
函数setCookie(c,v,d){}

--选择一个类别--
试验
+++++++单击以添加新内容+++++++

非常感谢,我想我是在玩option,这就是我使用parentNode的原因
$('select').on('change', function() {
  if(this.value === "I_C_M"){
    $(this.parentNode).prop('selectedIndex',-1);
    $('#insert_category_modal').modal('show');
  }
});