Kandungan pilihan");" untuk menambah pilihan baharu; " ");" Tambah pilihan pada permulaan."/> Kandungan pilihan");" untuk menambah pilihan baharu; " ");" Tambah pilihan pada permulaan.">
cari

Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Bagaimana untuk menambah pilihan untuk dipilih dalam jquery

Bagaimana untuk menambah pilihan untuk dipilih dalam jquery

青灯夜游
青灯夜游asal
2022-05-30 12:01:325538semak imbas

Dua kaedah: 1. Gunakan "$("select").append("");" untuk menambah pilihan baharu; "pilih").prepend("");" Tambah pilihan pada permulaan.

Bagaimana untuk menambah pilihan untuk dipilih dalam jquery

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi jquery 1.10.2, komputer Dell G3. Elemen

pilihan mencipta menu pilihan tunggal atau berbilang pilihan. Teg pilihan dalam elemen pilih digunakan untuk menentukan pilihan yang tersedia dalam senarai. 

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

Bagaimana untuk menambah pilihan untuk dipilih dalam jquery

Oleh itu, menambah pilihan untuk memilih bermakna menambah teg subelemen pilihan pada teg pilih.

jquery boleh menggunakan dua kaedah berikut untuk menambah pilihan (sub-elemen pilihan) untuk memilih:

  • kaedah tambah()

  • kaedah prepend()

kaedah append()

kaedah add() ke bahagian dalam. daripada elemen yang dipilih Masukkan kandungan "pada akhir". 

$(A).append(B)

  • bermaksud memasukkan B di hujung A.

Contoh pelaksanaan: 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="js/jquery-1.10.2.min.js"></script>
		<script>
			$(document).ready(function() {
				$("button").click(function() {
					var $op = "<option value =&#39;新选项&#39;>新选项</option>";
					$("select").append($op);
				});
			});
		</script>
	</head>

	<body class="ancestors">
		<select>
		  <option value ="volvo">Volvo</option>
		  <option value ="saab">Saab</option>
		  <option value="opel">Opel</option>
		  <option value="audi">Audi</option>
		</select><br><br>
		<button>给select增加选项</button>
	</body>

</html>

Bagaimana untuk menambah pilihan untuk dipilih dalam jquery

kaedah prepend( )

prepend() memasukkan kandungan ke "permulaan" di dalam elemen yang dipilih. 


$(A).prepend(B)
  • bermaksud memasukkan B pada permulaan A.

Contoh pelaksanaan: 

<script>
	$(document).ready(function() {
		$("button").click(function() {
			var $op = "<option value =&#39;新选项&#39;>新选项</option>";
			$("select").prepend($op);
		});
	});
</script>

Bagaimana untuk menambah pilihan untuk dipilih dalam jquery

[Pembelajaran yang disyorkan:

tutorial video jQuery, pembangunan bahagian hadapan web】

Atas ialah kandungan terperinci Bagaimana untuk menambah pilihan untuk dipilih dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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：Apakah protokol yang digunakan oleh jquery?Artikel seterusnya：Apakah protokol yang digunakan oleh jquery?

Artikel berkaitan

Lihat lagi