Estoy tratando de recopilar todas las opciones de un elemento seleccionado e insertarlas dinámicamente en otro elemento seleccionado.
<select name="" id="main-products-images-standards-select"> <option value="1">Name 1</option> <option value="2">Name 2</option> <option value="3">Name 3</option> </select> <select name="" id=""></select> var main_products_images_standards_select = document.getElementById('main-products-images-standards-select').options var standards = ''; for(var i = 0 ; i < main_products_images_standards_select.length ; i++) { standards += main_products_images_standards_select[i]; }cuando imprimo cada opción en el ciclo, obtengo los resultados requeridos, pero a medida que los recopilo, termino con los siguientes resultados
[object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement][object HTMLOptionElement]Que debo hacer para evitar esos resultados Gracias.
Use .value para obtener el valor de la option
var main_products = document.getElementById('main-products') var standards = ''; for (var i = 0; i < main_products.length; i++) { standards += main_products[i].value; document.getElementById('demo').innerHTML = standards; } <select name="borderStyle" id="main-products"> <option value="solid">solid</option> <option value="dotted">dotted</option> <option value="dashed">dashed</option> </select> <div id="demo"></div> Si desea volver a imprimir la select con las mismas opciones, use outerHTML en la id
Puede usar el bucle para ejecutar o seleccionar la cantidad de veces que tiene la opción o cuántas veces desea
var main_products = document.getElementById('main-products') document.getElementById('demo').innerHTML = main_products.outerHTML; <select name="borderStyle" id="main-products"> <option value="solid">solid</option> <option value="dotted">dotted</option> <option value="dashed">dashed</option> </select> <div id="demo"></div>