<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>