Some text some message..
Some text some message..
Some text some message..
Some text some message..

Silahkan atau queue Daftar disini.

Bagaimana Cara Mereset Elemen Select Jquery

Zainal Abidin

Zainal Abidin

17 Apr 2022, 11:34:33

Saya kesulitan dalam melakukan reset elemen tag select. Saat melakukan refresh atau reload dokumen pada browser firefox, data elemen option select tidak kembali dalam posisi kosong. Dan data yang sudah terisi masih menempel. Dan saya ingin elemen tersebut menjadi kosong. Ini agak membingungkan.

<form action="page2.php" method="post">
	<select id="code_number" class="btn" style="height:33px;">
	<option value="code1" selected>code1</option>
	<option value="code2">code2</option>
	<option value="code3">code3</option>
	<option value="code4">code4</option>
	<option value="code5">code5</option>
	<option value="code6">code6</option>
	<option value="code7">code7</option>
	<option value="code8">code8</option>
	<option value="code9">code9</option>
	<option value="code10">code10</option>
	</select>
<p>
<button type="submit" class="btn btn-primary btn-sm"> <span class="glyphicon glyphicon-ok"></span> Kirim </button>
<button type="reset" class="btn btn-danger btn-sm"> <span class="glyphicon glyphicon-remove"></span> Reset </button>
</p>
</form>
<script>
$(document).ready(function(){
	//saat refresh atau reload
	$("#code_number").find('option[0]').val("");/* tak bisa...??*/
	//

});
</script>

Cara melakukan reset elemen tersebut saat dokumen dimuat ulang gimana ya? Mohon agar di jawab..

Tags : tag iconhtml tag iconjquery

  

facebooktwitterwhatapplinkedinpinterest

comment1 Jawaban, 87 view

Ardianto

Ardianto

17 Apr 2022, 12:02:02

Coba script-nya ganti pake ini

$("#code_number").val("");

agar nilainya kosong..

  

Zainal Abidin

Zainal Abidin

17 Apr 2022, 12:06:29

Hasilnya malah jadi nambah opsi. Di atas opsi code1 ada tambahan opsi lain dan isinya kosong..

Ardianto

Ardianto

17 Apr 2022, 12:15:14

Kalau gitu, pake yg ada nilai di dalamnya misal code1

$("#code_number").val("code1");

atau

$("#code_number").prop('selectedIndex,0);

parameter 0 utk index nilai1, parameter 1 utk no2 dst

Zainal Abidin

Zainal Abidin

17 Apr 2022, 12:18:33

ya.. work, berhasil bang. saat refresh dah kembali ke netral (code1) ..

Forum ini dibuat untuk menanyakan seputar permasalahan yang sering terjadi pada proses pembuatan halaman web pada HTML, desain web (CSS), pemrograman sisi client (JavaScript), pemrograman sisi server (PHP, ASP) beserta framework turunannya seperti codeigniter, Laravel, Yii. Forum ini tidak membatasi pertanyaan lainnya untuk bahasa program yang berbeda dengan orientasi website pada perangkat desktop dan smartphone.

Silahkan atau queue Daftar disini.

News Letters

Silahkan masukkan email Anda untuk berlangganan informasi kami

Forum ini dibuat untuk menanyakan seputar permasalahan yang sering terjadi pada proses pembuatan halaman web pada HTML, desain web (CSS), pemrograman sisi client (JavaScript), pemrograman sisi server (PHP, ASP) beserta framework turunannya seperti codeigniter, Laravel, Yii. Forum ini tidak membatasi pertanyaan lainnya untuk bahasa program yang berbeda dengan orientasi website pada perangkat desktop dan smartphone.