buenos dias estoy intentando captuar el valor de un select que esta fuera de un formulario para enviarlo a una bd, con un ejemplo que me dieron en este sitio logre enviar 3 parametros pero el del select siempre envia el primer item y no el qie selecciono entonces intente enviar lo que selecciono a un input text pero me lo envia vacio, este es el codigo con el que capturo lo del select en un input.
<script type="text/javascript"> function selecOp() { var op=document.getElementById("no_conformidad"); var tt=document.getElementById("text"); if (op.selectedIndex==0)tt.value=""; if (op.selectedIndex==1)tt.value="MESA-1"; if (op.selectedIndex==2)tt.value="MESA-2"; if (op.selectedIndex==3)tt.value="MESA-3"; if (op.selectedIndex==4)tt.value="MESA-4"; if (op.selectedIndex==5)tt.value="MESA-5"; if (op.selectedIndex==6)tt.value="MESA-6"; } var mesa=document.getElementById("text"); </script> <select name="no_conformidad" id="no_conformidad" onchange="selecOp()"> <option>Selecciona una mesa</option> <option>MESA-1</option> <option>MESA-2</option> <option>MESA-3</option> <option>MESA-4</option> <option>MESA-5</option> <option>MESA-6</option></select> <input type="text" name="text" id="text" size="4">
y con este lo envio por ajax
<script> $ (document).on('ready',function(){ //var mesa=document.getElementById("text").value;----> este me envia vacio //var mesa = $ ("#text").val();----> y este me envia vacio var item = $ ('#it1').val(); var pre = $ ('#it2').val(); $ ('#boton1').click(function(){ var url = "enviar.php"; $ .ajax({ type: "POST", url: url, data:{mesa:mesa,item:item,pre:pre}, success: function(data) { // $ ('#resp').html(data); } }); alert(mesa); return false; }); }); </script>