プルダウン選択後の手入力優先に関して

質問

教えて下さい。

プルダウンを選択し、選ばれたものを別テキストに表示するような事を
したいと考えています。

現在、下記のように記述をしており、上記の内容は実現できていますが、
その際に、表示される側のエリアに手入力を可とし、入力があった場合は、
javasriptの選択項目を無効（手入力を優先）としたいと考えています。

どのような方法があるでしょうか。。。

<SCRIPT LANGUAGE="JavaScript">
function ChangeSelection(form, selection) {
v = selection.value;
form.text_note.value = v;
}
</SCRIPT>

print("<TD NOWRAP><FONT SIZE='3'><B>【行　　先】</B></FONT></TD>\n");
print("<TD NOWRAP SIZE='30'><input name='text_note' VALUE=$out_goto></input>\n");　//$out_gotoにはphpにてテーブルから読み込まれた情報が初期値として格納されています。
print("</TD>\n");
print("<TD><select name='am_note' ONCHANGE='ChangeSelection(this.form, this)'>\n");
print("<option value='　'></option>\n");
print("<option value='自席' >自席</option>\n");
print("<option value='離席' >離席</option>\n");
print("</select>\n");
print("</TD>\n");

よろしくお願いします。

回答No.1

yyr446 · ベストアンサー

意図されてる事がよくわかりませんが、
<input name='text_note' VALUE=$out_goto></input>
の部分を
<input type='hidden' name='text_note' VALUE=$out_goto>
にしておいて、別途
<input type='text' name='input_note' VALUE=''>
を追加し、
function ChangeSelection()の中で入力があるかないか
チェックする。
function ChangeSelection(form, selection) {
v = selection.value;
if (input_note.value==""){
form.text_note.value = v;
else{form.text_note.value =input_note.value}
}