Bagaimana untuk menambah pilihan untuk dipilih dalam jquery-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menambah pilihan untuk dipilih dalam jquery

青灯夜游

Lepaskan： 2022-05-30 12:01:32

asal

5515 orang telah melayarinya

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>

Salin selepas log masuk

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)

Salin selepas log masuk

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>

Salin selepas log masuk

Bagaimana untuk menambah pilihan untuk dipilih dalam jquery

kaedah prepend( )

<🎜 Kaedah >prepend() memasukkan kandungan ke "permulaan" di dalam elemen yang dipilih.

$(A).prepend(B)

Salin selepas log masuk

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>

Salin selepas log masuk

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!