Jquery 选择下拉列表的第一个选项时,不应在下拉列表中显示

Jquery 选择下拉列表的第一个选项时,不应在下拉列表中显示,jquery,html,css,twitter-bootstrap-3,Jquery,Html,Css,Twitter Bootstrap 3,当我选择第一个下拉选项时,它不应显示在下拉选择中 新增 Abc Pqr xyz 检查此代码段。这就是你想要的吗 var-prevVal; $('#purchaseorderto')。单击(函数(){ prevVal=$(this.val(); }).change(函数(){ if($(this).val()=='addnewpoto'){ $(this.val)(prevVal); 警报(“在此处打开型号代码”); } }); 新增 Abc Pqr xyz 检查此代码段。这就是你想要的吗

当我选择第一个下拉选项时,它不应显示在下拉选择中


新增
Abc
Pqr
xyz

检查此代码段。这就是你想要的吗

var-prevVal;
$('#purchaseorderto')。单击(函数(){
prevVal=$(this.val();
}).change(函数(){
if($(this).val()=='addnewpoto'){
$(this.val)(prevVal);
警报(“在此处打开型号代码”);
}
});

新增
Abc
Pqr
xyz

检查此代码段。这就是你想要的吗

var-prevVal;
$('#purchaseorderto')。单击(函数(){
prevVal=$(this.val();
}).change(函数(){
if($(this).val()=='addnewpoto'){
$(this.val)(prevVal);
警报(“在此处打开型号代码”);
}
});

新增
Abc
Pqr
xyz

您可以利用HTML中的
hidden
属性

<select>
<option selected disabled hidden>Add abc</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>

添加abc
一个
两个
三
四
五

您可以利用HTML中的
hidden
属性

<select>
<option selected disabled hidden>Add abc</option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
<option value="4">Four</option>
<option value="5">Five</option>
</select>

添加abc
一个
两个
三
四
五
我希望这能有所帮助

$('#purchaseorderto')。更改(函数(事件){
if($(“#purchaseorderto选项:选中”).val()=“addnewpoto”)
{
$('purchaseorderto').prop('selectedIndex',0);
警惕(“做某事”);
}
});

新增
Abc
Pqr
xyz
我希望这能有所帮助

$('#purchaseorderto')。更改(函数(事件){
if($(“#purchaseorderto选项:选中”).val()=“addnewpoto”)
{
$('purchaseorderto').prop('selectedIndex',0);
警惕(“做某事”);
}
});

新增
Abc
Pqr
xyz


选择“添加新”时无打开模式,但当我选择“添加新”时,它不应在下拉列表中显示,选择“添加新”时,它应为空it@JonPan选择“添加新”时立即选中“无打开模式”,但当我选择“添加新”时,它不应在下拉列表中显示,在选择“添加新”时,它应为空it@JonPan现在检查完美,感谢有一个问题,它在这里工作得很好,但在我的代码中不起作用,它显示在我的代码中添加新代码&控制台中没有错误您是否用$(document).ready(function(){})包装jQuery代码?是的,但它不起作用$(document).ready(function(){$('#purchaseorderto').change(function(event){$modal=$('#poorderto');if($(“#purchaseorderto选项:选中”).val()==“addnewpoto”){$('#purchaseorderto').prop('selectedIndex',0);$modal.modal('show');}});你能为你的项目添加链接吗?很好,谢谢有一个问题,它在这里工作得很好,但在我的代码中不起作用,它显示在我的代码中添加新代码&控制台中没有错误。你用$(document.ready(function(){})包装jQuery代码了吗?是的,但它不起作用$(document.ready(function(){$('#purchaseorderto')).change(函数(事件){$modal=$('#poorderto');if($(“#purchaseorderto选项:选中”).val()==“addnewpoto”){$('#purchaseorderto')。prop('selectedIndex',0);$modal.modal('show');}});你能为你的项目添加链接吗?我认为添加
选定的禁用隐藏
很简单我认为添加
选定的禁用隐藏
很简单我认为添加选定的禁用隐藏很简单,请检查我的回答我认为添加选定的禁用隐藏很简单,请检查我的答案