Bolehkah jquery mendapatkan nilai tag?-Soal Jawab bahagian hadapan-php.cn

Bolehkah jquery mendapatkan nilai tag?

WBOY

Lepaskan： 2022-09-07 16:48:47

asal

1745 orang telah melayarinya

jquery boleh mendapatkan nilai dalam teg; anda boleh menggunakan kaedah val() untuk mendapatkan nilai dalam teg Kaedah ini boleh mengembalikan atau menetapkan atribut nilai bagi elemen yang dipilih nilai teg ialah "$(selector ).val();", sintaks untuk menetapkan nilai teg ialah "$(selector).val(value);".

Bolehkah jquery mendapatkan nilai tag?

Persekitaran pengendalian artikel ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.

Bolehkah jquery mendapatkan nilai teg

Dalam jquery, anda boleh menggunakan kaedah val() untuk mendapatkan nilai teg Kaedah val() mengembalikan atau menetapkan nilai atribut elemen yang dipilih. Kaedah

val() mengembalikan atau menetapkan atribut nilai bagi elemen yang dipilih.

Apabila digunakan untuk mengembalikan nilai:

$(selector).val()

Salin selepas log masuk

Kaedah ini mengembalikan nilai atribut nilai elemen padanan pertama.

Apabila digunakan untuk menetapkan nilai:

$(selector).val(value)

Salin selepas log masuk

Kaedah ini menetapkan nilai atribut nilai semua elemen padanan.

Contoh:

Dapatkan nilai penetapan teg input

<input class="form-control" type="text" id="username" name="username" 
placeholder="" value="初始值" onblur="keyblurfun()">
<input class="form-control" type="text" id="username" name="username"
 placeholder="" value="{{ user.get(&#39;userid&#39;,&#39;&#39;) }}">
<script>
    var username = $("#username").val();   // 获取 id 为 username 的标签的值。
    console.log(username);
    $("#username").val("hello world");     // 设置 id 为 username 的标签的值
    console.log($("#username").val());
</script>

Salin selepas log masuk

Dapatkan nilai teg textarea

<textarea class="form-control" id="brief" name="brief" cols=10 rows=6 placeholder="">Java</textarea>
<textarea class="form-control" id="brief" name="brief" cols=10 rows=6 placeholder="">
{{study.get(&#39;brief&#39;,&#39;&#39;)}}</textarea>
<script>
    var content= $("#brief").val();          // 获取 textarea 标签的值    
    console.log(content);            // Java
    $("#brief").val("Python");               // 设置 textarea 标签的值
    console.log($("#brief").val());  // Pyt<span style="color:transparent">来源gaodai#ma#com搞*代#码网</span>hon
</script>

Salin selepas log masuk

Contoh nilai teg pulangan adalah seperti berikut:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
alert($("input:text").val());
});
});
</script>
</head>
<body>
第一个名称: <input type="text" name="fname" value="Peter"><br>
最后一个名称: <input type="text" name="lname" value="Griffin"><br><br>
<button>返回第一个输入字段的值</button>
</body>
</html>

Salin selepas log masuk

Hasil keluaran:

Bolehkah jquery mendapatkan nilai tag?

Selepas mengklik butang:

Bolehkah jquery mendapatkan nilai tag?

Cadangan tutorial berkaitan: tutorial video jQuery

Atas ialah kandungan terperinci Bolehkah jquery mendapatkan nilai tag?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!