Estoy creando un select
dinámico y tengo problemas al momento de pasar el valor por defecto, por ejemplo, tengo lo siguiente:
var valor = '1';
$('<select>', { 'class':'form-control' })
.append($('<option>', { 'value':'1', 'text':'Boleta' }))
.append($('<option>', { 'value':'2', 'text':'Factura' }))
.append($('<option>', { 'value':'3', 'text':'Ticket' }))
.appendTo('#content');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="content"></div>
Como ven, estoy creando el select
de forma dinámica, lo que quiero hacer es que quede seleccionado la variable según el valor de la variable valor
, pero no encuentro la forma de hacerlo.
Trate de poner una condición a cada uno así
var valor = '1';
$('<select>', { 'class':'form-control' })
.append($('<option>', { 'value':'1', 'text':'Boleta', 'selected': (valor == '1' ? 'selected' : '') }))
.append($('<option>', { 'value':'2', 'text':'Factura', 'selected': (valor == '2' ? 'selected' : '') }))
.append($('<option>', { 'value':'3', 'text':'Ticket', 'selected': (valor == '3' ? 'selected' : '') }))
.appendTo('#content');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="content"></div>
Pero como ven, no funciona ya que investigando me di cuenta que el atributo selected
solo tiene un valor que es el mismo selected="selected"
y no se le puede colocar un selected="true || selected="false"
para poder hacer una condición
Referente a la pregunta quiero lograr algo como esto:
.append($('<option>', { 'value':'1', 'text':'Boleta', (valor == '1' ? 'selected': '') }))
Si me podrian ayudar en esto, gracias a todos!