cari

Rumah  >  Artikel  >  hujung hadapan web  >  js untuk mengumpul nilai yang dipilih ke dalam kotak teks kemahiran javascript

js untuk mengumpul nilai yang dipilih ke dalam kotak teks kemahiran javascript

WBOY
WBOYasal
2016-05-16 15:45:311464semak imbas

Contoh dalam artikel ini menerangkan cara melaksanakan js untuk mengumpul nilai yang dipilih ke dalam kotak teks. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

JavaScript dilaksanakan di sini untuk menambah nilai kotak senarai atau butang radio yang dipilih pada kotak teks Dalam beberapa bentuk, kami sering melihat fungsi ini, yang boleh menjimatkan masalah input dan meningkatkan pengalaman pengguna . Dengan beberapa pengubahsuaian, anda boleh mencipta lebih banyak fungsi yang serupa.

Tangkapan skrin kesan berjalan adalah seperti berikut:

Kod khusus adalah seperti berikut: 

<html>
<head>
<title>js将选中值添加到文本框</title>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
oldvalue = "";
function passText(passedvalue) {
 if (passedvalue != "") {
  var totalvalue = passedvalue+"\n"+oldvalue;
  document.displayform.itemsbox.value = totalvalue;
  oldvalue = document.displayform.itemsbox.value;
 }
}
// End -->
</script>
</head>
<body>
<form name="selectform">
<select name="dropdownbox" size=1>
<option value="">请选择</option>
<option value="ASP">ASP</option>
<option value="PHP">PHP</option>
<option value="JAVA">JAVA</option>
<option value="ASP.NET">ASP.NET</option>
<option value="DELPHI">DELPHI</option>
</select>
<input type=button value="添加到列表中" onClick="passText(this.form.dropdownbox.options[this.form.dropdownbox.selectedIndex].value);">
</form>
<form name="displayform" >
<textarea cols="30" rows="5" name="itemsbox" ></textarea>
</body>
</html>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：jQuery melaksanakan bar kemajuan muat naik fail special effects_jqueryArtikel seterusnya：jQuery melaksanakan bar kemajuan muat naik fail special effects_jquery

Artikel berkaitan

Lihat lagi