Tengo una lista de selección ( let's name it fraction select list ) como esta que se agrega por jQuery:
$("#optionPanel").append('<div class="form-group col-md-3"><select id="fraction" class="form-control" width="100%" id="navigationMethod"><option value="0.0" selected="">Nothing</option><option value="1.0">100%</option><option value="0.9">90%</option><option value="0.8333333">83.33333%</option><</select>');cuando hago clic en un botón, puedo obtener el valor de la lista de selección y configurarlo dentro de una variable.
var selectedOption : ''; $('#submitBtn').on('click',function(){ selectedOption = $('#fraction').val() });Ahora también tengo un botón de edición, quiero hacer algo cuando hice clic en el botón de edición, el valor de la lista de selección de fracciones sea el mismo que el valor de la variable de la opción seleccionada y la opción seleccionada.
Como dije, mi lista de selección está siendo generada por jQuery, no es una lista de selección HTML simple, por lo que podemos usar el atributo seleccionado fácilmente.
Te agradecería si me ayudas con eso.
Gracias.
Puede pasar la opción selectedOption al hacer clic en el botón de edición que cambiará el valor seleccionado en select .
$("#optionPanel").append('<div class="form-group col-md-3"><select id="fraction" class="form-control" width="100%" id="navigationMethod"><option value="0.0" selected="">Nothing</option><option value="1.0">100%</option><option value="0.9">90%</option><option value="0.8333333">83.33333%</option><</select>'); let selectedOption = "0.9"; $('#editBtn').on('click', function () { $("#optionPanel select").val(selectedOption); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div id='optionPanel'></div> <button id="editBtn"> EDIT</button>