option:selected

[ZeThito]

Como logro colocar y mostrar un select desde el inicio "value=0" desde jQuery, para un comobobox dependiente?

He intentado cosas así, pero no ha resultado.

Código Javascript:

$("#comuna option:selected").append("<option value='0' selected='selected'>Selecciona Comuna</option>");
 

Tengo este código, no logro identificar como lograr lo de arriba.

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
    $(document).ready(function(){
 
        $("#ciudad").change(function(event){
            var id = $("#ciudad").find(':selected').val();
            
            if(id == 1){
                $("#comuna").load('../controlador/Comuna.php?elegido='+id);
                $("#comuna option:selected").append("<option value='0' selected='selected'>Selecciona Comuna</option>");
                $("#showComuna").fadeIn(); // Mostramos  <div class="clearfix" id="showComuna" style="display: none;">
            }else{
                $("#showComuna").fadeOut(); // Ocultamos <div class="clearfix" id="showComuna" style="display: none;">
            }
        });
    });
</script>
 

Necesito ayuda por favor!

gracias!!!

[chicohot20]

no logro entender tu pregunta, quieres que se agregue una option al inicio de un select?

[ZeThito]

Gracias por responder :D

Lo que sucede, es que tengo dos comobobox el primero eligo una Ciudad por ejemplo Santiago, y en el otro combobox cargan las Comunas de esa Ciudad, hasta aqui todo bien :)

Ahora el problema es que cuando eligo otra Ciudad por ejemplo Valdivia, y en el otro combobox se queda pegado el nombre de la otra Comuna que Cargo anteriormente con Santiago. :\

Todo eso es mi problema, mira he subido la página donde tengo esos dos comobobox:
http://leñadomicilio.cl/web/vista/publicar.php


Has la prueba, Selecciona la Ciudad de Santiago y despues una Comuna "Lampa"...

Yap ahora Ve a a Seleccionar otra Ciudad : Valdivia, entonces va a desaparecer el Combobox de Comuna, aplique .fadeOut(); . Bueno entonces Vuelve a Seleccionar la Ciudad De Santiago

Y verás que se queda grabado en Lampa, Yo quiero que vuelva al valor de 0 osea Seleccionar Comuna.

[chicohot20]

Despues de

Código Javascript:

$("#comuna").html(data);
 

Prueba con esto:

Código Javascript:

$("#comuna option:first").attr("selected","true");
 

[ZeThito]

lo he colocado, pero aún no da resultado :\ . Logro comprender el código, pero no logro entender porqué no funciona :S

Código Javascript:

if(elegido == 1){ // 1 es igual a Ciudad Santiago.
                    $.post("../controlador/Comuna.php", { elegido: elegido }, function(data){
                    $("#comuna").html(data);
                    $("#comuna option:first").attr("selected","true");
                    $("#showComuna").fadeIn();
                    
                });
 

http://leñadomicilio.cl/web/vista/publicar.php

[ZeThito]

Ya no se que más hacer xD, he probado con todo lo que he encontrado.

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
    $(document).ready(function(){
 
        $("#ciudad").change(function(event){
            var id = $("#ciudad").find(':selected').val();
            if(id == 1){
                $("#comuna").load('../controlador/Comuna.php?elegido='+id);
                $("#comuna option:first").attr("selected","true");
                $("select option:first").attr('selected','selected');
                $(this).find("option:first").attr("selected", true);
                $("option:first-child").attr("selected", "selected");
                $("select > option:eq(0)").attr("selected","selected")
                $('select > option')[0].selected = true;
                $('#comuna').get(0).selectedIndex= 0;
                $('#comuna')
                    .empty()
                    .append('<option value="0">Selecciona Araña</option>')
                    .find('option:first')
                    .attr("selected","selected")
                ;
                $(this).children('option').first().attr('selected','selected');
                $("#showComuna").fadeIn(); // Mostramos  <div class="clearfix" id="showComuna" style="display: none;">
            }else{
 
                $("#comuna option:first").attr("selected","true");
                $("#showComuna").fadeOut(); // Ocultamos <div class="clearfix" id="showComuna" style="display: none;">
            }
        });
    });
</script>
 

[chicohot20]

El problema es el jquery.uniform.min.js, desactivalo y prueba.

[ZeThito]

Ohh Muchas gracias!!! eso era el problema, Te agradesco mucho chicohot20 !!!
Apenas desactive ese .js y funciono perfecto.

de verdad gracias , al fin puedo seguir avanzando :D

Saludos