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, kemudian akan mengubah nilai dari tag html yang di pilih, sering kita jumpai pada halaman web dengan konten select lokasi berdasarkan negara provinsi kabupaten bahkan sampai kecamatan.

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

Membuat Set Value Change Jquery Select Option

untuk mempercepat pekerjaan di sini saya menggunakan 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 menggunakan awal tanda # (pagar), karena merupakan id sedangakan untuk class menggunakan . (titik). kemudian 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 adalah " + nilai); => mengubah nilai tag html, yaitu dengan tag selector p.

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

Share