enviar value da option por hidden

[nldj 0]

Tenho um form que eu queria passar o valor de uma option sem dar o submit

Então eu criei um Ajax que faz o envio com o evento onchange no select id="Instituicao"

E para pegar o valor da option eu to usando JavaScript:

<script>document.getElementById("Instituicao").value = IdIE</script>

Tento passar o valor da option por input hidden colocando na value="javascript:IdIE;"

Mesmo que eu crie uma function envia_valor e chame-a no evento onchange no select junto com o AJAX, não funciona.

Alguém sabe me ajudar como fazer isso?

Obrigado,

[William Bruno 1501]

Vc não precisa do hidden.

 

Vamos do começo, vc quer enviar o valor do select por ajax ?

Faça isso, diretamente.

 

xhr.js

/**
 * @author William Bruno <wbrunom@gmail.com>
 * @date 2014-02-19
 * @file xhr.js
 */

var XHR = (function(){

    var module = {};

    module._init = function () {
        return new XMLHttpRequest(); 
    };
    module.onready = function (xmlhttp, cb) {
        xmlhttp.onreadystatechange = function () {
            if (xmlhttp.status === 200 && xmlhttp.readyState === 4) {
                cb(xmlhttp.responseText);
            }
        };
    };
    module.get = function (url, cb) {
        var xmlhttp = module._init();

        xmlhttp.open("GET", url);
        xmlhttp.send();

        module.onready(xmlhttp, cb);
    };

    module.post = function (url, data, cb) {
        var xmlhttp = module._init();

        xmlhttp.open("POST", url);
        xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
        xmlhttp.send(data);

        module.onready(xmlhttp, cb);
    };

    return {
        get: module.get,
        post: module.post
    };
}());

enviando:

XHR.post('arquivo.php', document.getElementById('id_do_select').value, function(data) {
    console.log(data);
});

pronto, enviado.

[nldj 0]

William, obrigado pelo retorno.

 

Eu já tenho o AJAX e o que eu preciso é realmente enviar o valor do select no meu AJAX.

 

Só que o problema é que o endereço da URL tem que conter a variável do select.

 

Por ex: arquivo.asp?VariavelDoSelect=document.getElementById('id_do_select').value

 

Eu teria que conseguir um jeito de pegar o valor de javascript e passá-lo para uma variável em asp

[William Bruno 1501]

Acho q vc está confundindo as coisas, pois não fez sentido nenhum o que vc disse.

 

Para enviar um get chamado param para o teu asp, é assim que se faz:

var url ='arquivo.asp?param' + document.getElementById('id_do_select').value;

ai a variavel url é requisitada pelo ajax.

 

 

Mas pq usar GET e não POST como sugeri ?

[nldj 0]

Willian, o que acontece é o seguinte:

 

Eu tenho uma página ASP que faço uma requisição em AJAX com o evento OnClick para carregar uma outra página ASP dentro de uma div..

 

Ex:

<form name="Form1" action="#" method="post">
    <div id="1">
       <select name="select1">
               <option value="qualquer coisa">
       </select>
       <a onClick="AJAX('Pag.asp','POST','true','1','action=carregar');" style="cursor:pointer;">carregar pag ASP</a>
    </div>
</form>

Até aí blz...

 

Nessa div eu to usando o AJAX novamente com o evento OnChange e preciso do valor da Option para passar na URL do AJAX que servirá para requisitar a página ASP com uma variável...

 

Ex:

<form name="Form2" action="#" method="post">
    <div id="2">
       <select name="select2" id="select2" OnChange ="AJAX('Pag.asp?Id=document.getElementById('select2').value','POST','true','2','action=carregar');" style="cursor:pointer;">
               <option value="qualquer coisa">
       </select>
    </div>
</form>

[William Bruno 1501]

<select name="select2" id="select2" OnChange ="AJAX('Pag.asp?Id=' + document.getElementById('select2').value,'POST','true','2','action=carregar');" style="cursor:pointer;">