<select multiple="multiple" name="colors[]" id="color"> <option value="" >choose color</option> <option value="black" >Black</option> <option value="white" >White</option> <option value="green" >Green</option> <option value="red" >red</option> </select>
en este menú desplegable quiero pasar los atributos seleccionados
p.ej:
<option value="red" selected >red</option>
usando jquery y cómo pasar el conjunto de selección múltiple
<option value="red" selected >red</option> <option value="white" selected >white</option>
si mis valores de colores provienen de una base de datos como, por ejemplo: amarillo, azul, cómo almacenar para almacenar en esa base de datos mycode: var colorstoadd = amarillo, azul
$("#color").find('input[type="select"]').append('<option value='+colorstoadd+ 'selected'+'>'+colorstoadd+'</option>')
Si sus datos regresaron de la base de datos como "yellow , red , green";
Puedes usar el siguiente código
.split(',')
split
usando .each
.trim()
para evitar cualquier espacio en blanco a la izquierda/derecha let colorstoadd = "yellow , red , green"; $.each(colorstoadd.split(',') , (i , color) => { $("#color").append('<option value="'+color.trim()+'" selected>'+color.trim()+'</option>') });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select multiple="multiple" name="colors[]" id="color"> <option value="" >choose color</option> <option value="black" >black</option> </select>
Adicional
if($("#color option[value='"+color+"']").length)
$("#color option[value='"+color+"']").attr("selected" , true);
let colorstoadd = "yellow , red , green"; $.each(colorstoadd.split(',') , (i , color) => { if($("#color option[value='"+color.trim()+"']").length){ $("#color option[value='"+color.trim()+"']").attr("selected" , true); }else{ $("#color").append('<option value="'+color.trim()+'" selected>'+color.trim()+'</option>') } });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select multiple="multiple" name="colors[]" id="color"> <option value="" >choose color</option> <option value="black" >black</option> <option value="red" >RED</option> </select>