Contoh dalam artikel ini menerangkan kaedah memberikan nilai ke dalam kotak teks daripada menu lungsur menggunakan JS. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:
Berikut ialah demonstrasi lajur pengenalan yang dibina oleh menu lungsur dan kotak teks Nilai dalam kotak Pilih diletakkan dalam kotak input teks INPUT Ini adalah contoh untuk menetapkan nilai lungsur kotak ke kotak teks Nampaknya ia adalah fungsi biasa apabila melayari Internet, tetapi saya tidak tahu bagaimana untuk menerangkannya, ia mungkin dipanggil pautan.
Kesan operasi adalah seperti yang ditunjukkan di bawah:
Alamat demo dalam talian adalah seperti berikut:
http://demo.jb51.net/js/2015/js-select-to-input-val-codes/
Kod khusus adalah seperti berikut:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var messages = new Array();
messages[0] = ""; //这里写入每个选项对应的说明文字
messages[1] = "http://www.jb51.net";
messages[2] = "http://www.163.com";
messages[3] = "http://cn.yahoo.com";
//根据需要，这里应该随着选项的改变而增减项目
function messageReveal() {
var messageindex = document.messageForm.messagePick.selectedIndex;
//取得当前下拉菜单选定项目的序号
helpmsg = messages[messageindex];
//根据序号取得当前选项的说明
document.messageForm.messageField.value = helpmsg
//将说明写进文框
}
// End -->
</SCRIPT>
<title>下拉菜单和文本框构建的介绍栏</title>
</head>
<body>
<form name="messageForm">
<select name="messagePick" OnChange="messageReveal()">
<option value="0">请在这里选择需要咨询的信息
<option>脚本之家
<option>网易163
<option>中文雅虎
</select>
<br><br><br><br><br>
<input name="messageField" type="text" style="overflow:auto" />
</form>
</body>
</html>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
