jQuery在选择框中添加空白选项字段

问题描述：

我有以下用于两个选择字段的jQuery代码。jQuery在选择框中添加空白选项字段

$(document).ready(function() { 
    $("#select1").change(function(){ 
     $('#trblock').fadeIn(); 
     if ($(this).data('options') == undefined) { 
     $(this).data('options', $('#select2 option').clone()); 
     } 
     var id = $(this).val(); 
     var options = $(this).data('options').filter('[value=' + id + ']'); 
     $('#select2').html(options); 
    }); 
});

但是我希望第二个选择框有ID =“select2”在顶部加载一个额外的空白选项。我试图简单地添加HTML部分，但我认为，由于上面的jQuery代码效果，它不允许它。所以我认为修改jQuery部分将完成任务。但我有一个新手jQuery。请帮助我如何得到它。

在HTML中就像这样。

<select name="" id="select2"> 
<option value=""></option> // I want this here (by changing/adding codes in jquery) 
<option value="1" date="01">Value 1</option> 
<option value="2" date="02">Value 2</option> 
<option value="3" date="03">Value 3</option> 
<option value="4" date="04">Value 4</option> 
<option value="5" date="05">Value 5</option> 
</select>

答

首先创建空的选项，然后用.append()

$(document).ready(function() { 
    $("#select1").change(function(){ 
     $('#trblock').fadeIn(); 
     if ($(this).data('options') == undefined) { 
     $(this).data('options', $('#select2 option').clone()); 
     } 
     var id = $(this).val(); 
     var options = $(this).data('options').filter('[value=' + id + ']'); 
     $('#select2').html('<option value="">').append(options); 
    }); 
});

以及放置此代码的位置？你能否简单地复制我的代码并在那里更新你的代码？ –

我认为这很明显，它只是取代你添加选项的代码。但我猜不。 – Barmar

我想你错过了＃这里$（'select2'），因为它陈述了一个ID –

答

添加其他人只是使用jquery的前置（）在顶部增加一个选项。

$('#select2').prepend('<option value="">');

jQuery在选择框中添加空白选项字段

相关推荐