Add option to select

0

Good afternoon!

HTML

<label class="labelPequeno">Cidade</label>
<select class="typeTextMedio" name="cidade" id="cidade" required>
    <option value="" selected>Selecione a cidade</option>
</select>

JavaScript

option = document.createElement( "option" );
option.value = "28510";
option.text = "Muriaé";
option.selected;
$("#cidade").add( option );

The idea is to create a option in select with id="cidade" , but is not adding.

What's wrong?

I tried this way too but it did not work:

$('#cidade').append($("<option></option>")
            .attr("value","<?php echo $cidade["id"]; ?>")
            .text("<?php echo $cidade["nome"]; ?>")
            .attr("seleted","selected");

Also like this:

$("#cidade").append('<option value="<?php echo $cidade["id"]; ?>"><?php echo $cidade["nome"]; ?></option>');

It did not work!

    
asked by anonymous 19.05.2016 / 21:15

1 answer

0

Try this:

$('#cidade').append('<option value="<?php echo $cidade["id"]; ?>"><?php echo $cidade["nome"]; ?></option>');

Or

$('#cidade').append($('<option>', {value:<?php echo $cidade["id"]; ?>, text:'<?php echo $cidade["nome"];?>'}));

Or

$('#mySelect').append($("<option></option>").attr("value",<?php echo $cidade["id"]; ?>).text(<?php echo $cidade["nome"];?>)); 

See this example : link

    
19.05.2016 / 21:25