未選択の後にコンボボックスをリセットする

Question

親コンボで無効にした後、子コンボボックスをリセットしたい。親コンボボックスでselect optionを選択すると、子コンボボックスが無効になります。親コンボでselectオプションを選択している場合、子コンボボックスに入力した後、子コンボは無効になりますが、子コンボであるこの時点で子コンボをリセットする方法もplease selectオプションを表示しますか？私は何をjavascriptで追加する必要がありますか？

<script type="text/javascript"> 
     $(document).ready(function() { 
     $(function(){ 
var arrVal = ["RS", "MN", "KL"]; 
$("#parentcombo").change(function(){ 
var valToCheck = String($(this).val()); 

if (jQuery.inArray(valToCheck,arrVal) == -1) 
{ 
$("#childcombo").attr("disabled", "true"); 
} 
else 
{ 
     $("#childcombo").removeAttr ("disabled");  
}   
}); 
}); 
});  
    </script> 

子コンボボックスで"please select"オプションを選択するためのHTML

<select id="parentcombo"> 
<option value="_">select</option> 
<option value="RS">RS</option> 
<option value="MN">MN</option> 
<option value="KL">KL</option> 
</select> 

<select id="childcombo" disabled="true"> 
<option value="_">please select</option> 
<option value="somevalue">somevalue</option> 
<option value="somevalue1">somevalue1</option> 
<option value="somevalue2">somevalue2</option> 
</select> 

Answer 1

使用$('#childcombo').val("_")。

あなたはselect要素val()メソッドを使用して、それにオプションvalueを渡すのいずれかのオプションを選択したい場合は、そのoptionを選択します。

子コンボボックスで"please select"オプションを選択したため、"_"を使用してval()メソッドに渡しました。

純粋なjavascriptを使用する別の方法は、select要素のselectedIndexプロパティを設定することです。

$('#childcombo')[0].selectedIndex = 0;//option index to set selected 

Answer 2

$("#childcombo").val("_"); 

、くそトリック

Answer 3

else 
{ 
    $("#childcombo").removeAttr ("disabled");  
    $("#childcombo").val('_'); /// <===== 
}