Membuat Set Value Change Jquery Select Option

Set value change jquery select option, yaitu mengubah nilai value dengan event Onchange jquery dari select option. Tentu untuk sering kali kita jumpai sebuah form input select option dengan mengambil nilai value dari nilai yang di pilih, lalu akan mengubah nilai dari tag html yang di pilih, sering kita jumpai pada halaman web dengan konten select lokasi menurut negara provinsi kabupaten bahkan hingga kecamatan.

Dengan set value change jquery select option akan menghasilkan sebuah tampilan dinamis dan menfilter nilai mana saja yang akan dipilih. okeh pribadi saja ke tutorialnya.

Membuat Set Value Change Jquery Select Option

untuk mempercepat pekerjaan di sini aku memakai framework bootstrap berikut tampilan kode:

<div class="container">   <h2>Form control: select</h2>   <p>The form below contains two dropdown menus (select lists):</p>   <form>     <div class="form-group">       <label for="sel1">Select list (select one):</label>       <select class="form-control" id="sel1">         <option value="1">1</option>         <option value="2">2</option>         <option value="3">3</option>         <option value="4">4</option>       </select>       <br>      <div class="well">   <p>silahkan pilih nilai value select</p></div>     </div>   </form> </div> 

Di sini nilai id = sel1, pada select option akan di ambil sebagai tag selector pada jquery dengan memakai awal tanda # (pagar), alasannya merupakan id sedangakan untuk class memakai . (titik). lalu dengan event change function akan mengubah nilai tag html. var nilai = $(this).val(); => variable mengambil nilai dari select option yang di pilih
$("p").html("nilai yang di pilih ialah " + nilai); => mengubah nilai tag html, yaitu dengan tag selector p.

Berikut cara menciptakan set value change jquery select option, apabila ada yang kurang dapat tambah di form komentar, terima kasih. dan berikut tutorial video di bawah

Bagikan Artikel ini