Saya membuat sistem di mana pengguna dapat mengubah drop-down pilih dan itu akan memberi mereka prompt untuk memastikan mereka ingin mengambil tindakan. Ini kode saya:

function changeResStatus(str1) {
    var id = str1;
    var status = document.getElementById("resstatus" + id).value;

    var r = confirm("Change status for ID # " + id + " to " + status + "?");
    if (r == true) {
        console.log ("change made");

    }else{
        console.log ("change not made");
    }
}

Jika perubahan tidak dilakukan, saya ingin menu pilih kembali ke opsi sebelumnya sebelum pengguna mencoba mengubahnya. Bagaimana saya melakukannya?

0
user11981274 22 Oktober 2019, 12:56

1 menjawab

Jawaban Terbaik

Silakan coba yang ini.

$(document).on('change','.mydropdown',function(){

var previousValue = $(this).attr("data-previousvalue");
var r = confirm("Change status for");
if (r == true) 
{
   $(this).attr("data-previousvalue",$(this).val())
}
else
{
   $(this).val($(this).attr("data-previousvalue"));
}
 
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select  class="mydropdown" data-previousvalue="0">
<option value="0">select something</option>
<option value="1">something 1</option>
<option value="2">something 2</option>
<option value="3">something 3</option>
</select>

<select  class="mydropdown" data-previousvalue="0">
<option value="0">select something</option>
<option value="101">something 101</option>
<option value="102">something 102</option>
<option value="103">something 103</option>
</select>

<select class="mydropdown" data-previousvalue="0">
<option value="0">select something</option>
<option value="201">something 201</option>
<option value="202">something 202</option>
<option value="202">something 203</option>
</select>
0
Vishal modi 24 Oktober 2019, 04:07