Bagai mana menampilkan nilai dari option yang dipilih

misi gan saya mau bertanya, bagaimana caranya mencetak nilai yang ada di option tanpa di submit terlebih dahulu, jadi ketika option nya dipilih contoh saya pilih 3 maka mencetak nilai 3 dan jika saya pilih 5 maka mencetak nilai 5, jadi intinya saya ingin tanpa disubmit bisa mencetak nilai dari option tersebut.

codingnya kurang lebih begini gan

avatar restuwahyu13
@restuwahyu13

17 Kontribusi 1 Poin

Diperbarui 5 tahun yang lalu

4 Jawaban:

Coba ini;

<pre> &lt;?php $select = ''; $selected = ''; $dataSelect = [3,5,10,15,20];

if(isset($_POST['submit'])) { $selected = $_POST['pilih']; }

echo $selected;

for($i=0; $i &lt; count($dataSelect); $i++) { $select .= '&lt;option value="' . $dataSelect[$i] . '" ' . ( $selected == $dataSelect[$i] ? 'selected' : '' ) . '&gt;'.$dataSelect[$i].'&lt;/option&gt;'; } ?&gt;

&lt;form action="" method="POST" enctype="multipart/form-data"&gt; &lt;select id="select_option_id" name="pilih"&gt; &lt;?php echo $select;?&gt; &lt;/select&gt;

&amp;lt;div id=&quot;print_value_option&quot;&amp;gt;&amp;lt;/div&amp;gt;
&amp;lt;button type=&quot;submit&quot; name=&quot;submit&quot;&amp;gt;Send Data&amp;lt;/button&amp;gt;

&lt;/form&gt;

&lt;script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; // Ketika load $( window ).on( 'load', function( e ) { // Ambil dari value option var value = $( '#select_option_id option:selected' ).val();

// Print ke HTML
$( &#039;#print_value_option&#039; ).html( value );

});

$( document ).on( 'change', '#select_option_id', function( e ) { // Ambil dari value option var value = $( this ).find( 'option:selected' ).val();

// Print ke HTML
$( &#039;#print_value_option&#039; ).html( value );

}); &lt;/script&gt; </pre>

avatar PUYUP
@PUYUP

20 Kontribusi 10 Poin

Dipost 5 tahun yang lalu

kalau mengunakan php saja tanpa js caranya bagaimana gan ? agar nilainya bisa tercetak, tanpa harus di submit terlebih dahulu, mekanismenya hampir sama seperti mengunakan js, jadi ketika di onchange nilainya tercetak gan, mungkin bisa bantu ?

avatar restuwahyu13
@restuwahyu13

17 Kontribusi 1 Poin

Dipost 5 tahun yang lalu

saya coba dengan mengunakan ajax gan tapi sama saja coba tolong di koreksi <a href=' https://pastebin.com/CMWyckrS?fbclid=IwAR0BJCTxaFL07-em9sRB782pM1NoZ1azCaTjCzWOoq-kccE__JBdlrhsBCI '>kurang lebih codingnya begini</a>

avatar restuwahyu13
@restuwahyu13

17 Kontribusi 1 Poin

Dipost 5 tahun yang lalu

Tanggapan

Kalau hanya PHP murni dan tidak di eksekusi ndak bisa jalan karena prosesnya server side., kudu pakai JS biar si JS yang handle request ke server., ya seperti yang agan ajukan (pakai AJAX).

setau ane kalo murni php, harus ada post data / submit. minimal dihalaman dia sendiri, harus bisa nangkap data yg dipost. kalo mau ketika dropdown diganti dan data muncul, bisa pake fungsi submit saat dropdown diganti. cmiiw

avatar dianarifr
@dianarifr

642 Kontribusi 316 Poin

Dipost 5 tahun yang lalu

Login untuk ikut Jawaban