Tenho um campo “select” que recebe vários dados através de um modal, e fica populado com vários “options”, então o que eu preciso fazer é pegar os valores desses “options” e mostrar em um outro campo, porém já tentei algumas coisas e não tive exito.
usando o código abaixo consigo expor somente o valor do primeiro “option”, porém os outros valores não aparecem.
document.getElementById(“generalProcedure”).innerHTML = document.getElementById(“procedureSpecification”).value;
Desculpem minha ignorância, mas não tenho experiência com programação, estou começando agora a trabalhar na área, e não tenho com quem tirar minhas dúvidas.
Então você precisa fazer algum curso para aprender o básico. Estranho você conseguir um emprego em algo que não domina e principalmente não ter ninguém para te orientar. Enfim, algo assim resolve seu problema:
HTML
<div>
<select id="procedureSpecification">
<option value="v1">o1</option>
<option value="v2">o2</option>
<option value="v3">o3</option>
<option value="v4">o4</option>
<option value="v5">o5</option>
<option value="v6">o6</option>
</select>
</div>
<div>
<input id="generalProcedure" type="text"/>
</div>
<div>
<button type="button" onclick="copiarValores(event)">Copiar!</button>
</div>
JavaScript
function copiarValores( event ) {
const selectPS = document.getElementById( "procedureSpecification" );
const inputGP = document.getElementById( "generalProcedure" );
const options = selectPS.options;
let valor = "";
for ( let i = 0; i < options.length; i++ ) {
valor += `${options[i].value} `;
}
inputGP.value = valor;
}
É claro que você precisa adaptar para seu caso.
Boa sorte.
Obrigado pela resposta, e pela sinceridade