次のようにコードをコピーします。
<スクリプト>
関数クリアオプション(obj,e){
var currKey=0,e=e||イベント;
currKey=e.keyCode||e.that||e.charCode;
if(currKey == 8){
obj.options[0].text = "";
}
}
関数 writeSelect(obj,e){
var currKey=0,e=e||イベント;
currKey=e.keyCode||e.that||e.charCode;
obj.options[0].selected = "選択";
if(currKey != 8){//これは、Firefox での迷惑な文字化けを回避するためのものです。Firefox での効果を確認するには、この文をコメントしてみてください。
obj.options[0].text = obj.options[0].text + String.fromCharCode(currKey);
}
e.returnValue=false;
obj.options[0].text を返します。
}
関数ttt(){
var jg = document.getElementById("aa").options[document.getElementById("aa").selectedIndex].text;
//もちろん、先ほどのwriteSelect関数でオプションの値を同時に設定することもできますが、その場合はその値を直接プログラム内で取り出すことも可能です。
jQuery("#aa").empty();
jQuery("#aa").append("<option value=''></option>");
}
</script>
次のようにコードをコピーします。
<select style='width:150px;z-index:-1' id="aa" name="selectHelpCode" onkeydown="clearOption(this,event)" onkeypress="writeSelect(this,event)">
<オプション値=""></オプション>
<option value="11">11</option>
<option value="22">22</option>
<option value="33">33</option>
</選択>
<input type="button" value="Clear" onclick="ttt();"/>