Aggiungere classe a select concatentate

[bibuz]

Salve a tutti,

tramite ASP e Ajax ho due select.
Nella prima visualizzo tutti i fornitori mentre nella seconda una volta selezionato il fornitore visualizzo tutti i suoi prodotti.
Quando mi compare la seconda select vorrei associargli un foglio di stile ma non ci riesco.
Questo è il codice:

<script type="text/javascript" language="javascript">
var estrai_codProdotto;
var nome
   
function cerca_codProdotto() 
{
nome=document.form.nome.options[document.form.nome.selectedIndex].value
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        estrai_codProdotto= new XMLHttpRequest();
        estrai_codProdotto.onreadystatechange = ricevi_codProdotto;
        estrai_codProdotto.open("GET", "estrai_codProdotto.asp?nome="+nome, true);
        estrai_codProdotto.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        estrai_codProdotto= new ActiveXObject("Microsoft.XMLHTTP");
        if (estrai_codProdotto) {
            estrai_codProdotto.onreadystatechange = ricevi_codProdotto;
            estrai_codProdotto.open("GET", "estrai_codProdotto.asp?nome="+nome, true);
            estrai_codProdotto.send();
        }
    }
}
     
  function ricevi_codProdotto() {   
    var codProdotto;       
   if (estrai_codProdotto.readyState == 4) {     
    codProdotto=estrai_codProdotto.responseText;

   document.getElementById('provincia').innerHTML = codProdotto;
    }
 }
</script>

Potete cortesemente aiutarmi?

[cavicchiandrea]

Perché non lo associ quando generi la seconda select con estrai_codProdotto.asp

[bibuz]

Intendi mettere sulla seconda select il foglio di stile in questa maniera:

<select name="IDCodProdotto" id="IDCodProdotto" class="chosen-select">

Ho provato ma nulla.

Il foglio di stile viene anche richiamato nella pagina estrai_codProdotto.asp ma nulla

    <link rel="stylesheet" href="css/bootstrap-chosen.css" type="text/css" />
  <script src="js/jquery.min.js"></script>
  <script src="js/chosen.jquery.js"></script>
    <script>
      $(function() {
        $('.chosen-select').chosen();
        $('.chosen-select-deselect').chosen({ allow_single_deselect: true });
      });
    </script>
    <link rel="stylesheet" href="css/jquery-ui-1.7.2.custom.css" type="text/css" />
  
  <script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js" ></script>

Così quando la richiamo dalla pagina principale non me l'associa.

Se invece richiamo direttamente la pagina estrai_codProdotto.asp il foglio di stile lo vedo.

[cavicchiandrea]

Il foglio di stile lo devi mettere nella pagina principale non nella pagina inclusa via ajax

[bibuz]

Ho provato anche in quel modo ma nulla.
Ho la stessa situazione su un'altra select ma non concatenata e mi sono accorto che se elimino il problema potrebbe non essere necessariamente collegato al CSS.
Se tolgo questo codice tra i tag head visualizzo la select come quella richiamata nella situazione delle concatenate.
Ecco il codice che ho tolto:

<script>
$(function() {
$('.chosen-select').chosen();
$('.chosen-select-deselect').chosen({ allow_single_deselect: true });
});
</script>

[cavicchiandrea]

Non so che dirti inserire la classe nelle select e il foglio di stile nella pagina principale funziona correttamente, ma tu "mescoli" bootstrap, jquery, js, questo complica il debug