COMO PASAR VALORES DE UN FORMULARIO HTML A UNA FUNCION ANONIMA EN JQUERY

Inicio Foros WordPress Programación COMO PASAR VALORES DE UN FORMULARIO HTML A UNA FUNCION ANONIMA EN JQUERY

Este debate contiene 1 respuesta, tiene 2 mensajes y lo actualizó  imported_medievalia hace 7 años, 10 meses.

  • Autor
    Publicaciones
  • #19548

    titiushko
    Participante

    <p>Hola… ¡¡necesito ayuda!!<br />
    Estoy un poco perdido en esto, bueno les explico….<br />
    Estoy haciendo una graficas con jQuery usando jquery-1.4.2.min.js y visualize.jQuery.js este último es un plugin en jQuery para hacer las graficas y en ese aspecto estoy más o menos bien porque solo hay que llamara a la función para que me genere una grafica a partir de una tabla<br />
    Así lo hago:<br />
    &lt;html&gt;<br />
    &lt;head&gt;<br />
    &lt;title&gt;grafico&lt;/title&gt;<br />
    &lt;script type="text/javascript" src="jquery-1.4.2.min.js"&gt;&lt;/script&gt;<br />
    &lt;script type="text/javascript" src=" visualize.jQuery.js"&gt;&lt;/script&gt;<br />
    &lt;link rel="stylesheet" type="text/css" media="screen" href=" visualize.css" /&gt;<br />
    &lt;link rel="stylesheet" type="text/css" media="screen" href=" basic.css" /&gt;<br />
    &lt;link rel="stylesheet" type="text/css" media="screen" href=" visualize-dark.css" /&gt;</p>
    <p>&lt;script type="text/javascript"&gt;<br />
    $(document).ready(function(){<br />
    var objeto = document.getElementById(‘opcion’);<br />
    valor = objeto.value;<br />
    $(‘#mitabla’).visualize({type:valor,width:400,height:400});<br />
    var cosa = $("div.visualize");<br />
    $("div.visualize").remove();<br />
    $("#nuevo").append(cosa);<br />
    });<br />
    &lt;/script&gt;<br />
    &lt;style&gt;<br />
    div#nuevo{width:600px; margin-left:auto; margin-right:auto;}<br />
    /*table.porClase{display:none;}*/<br />
    &lt;/style&gt;<br />
    &lt;/head&gt;<br />
    &lt;body&gt;<br />
    &lt;form&gt;<br />
    &lt;select id="opcion"&gt;<br />
    &lt;option value="bar" onClick="function()"&gt;barra&lt;/option&gt;<br />
    &lt;option value="pie" onClick="function()"&gt;pastel&lt;/option&gt;<br />
    &lt;/select&gt;<br />
    &lt;/form&gt;<br />
    &lt;table id="mitabla" class="porClase"&gt;<br />
    &lt;caption&gt;prueba grafica&lt;/caption&gt;<br />
    &lt;thead&gt;<br />
    &lt;tr&gt;<br />
    &lt;td&gt;&lt;/td&gt;&lt;th&gt;VOTOS&lt;/th&gt;<br />
    &lt;/tr&gt;<br />
    &lt;/thead&gt;<br />
    &lt;tbody&gt;<br />
    &lt;tr&gt;&lt;th&gt;ARENA&lt;/th&gt;&lt;td&gt;150&lt;/td&gt;&lt;/tr&gt;<br />
    &lt;tr&gt;&lt;th&gt;FMLN&lt;/th&gt;&lt;td&gt;160&lt;/td&gt;&lt;/tr&gt;<br />
    &lt;tr&gt;&lt;th&gt;PCN&lt;/th&gt;&lt;td&gt;40&lt;/td&gt;&lt;/tr&gt;<br />
    &lt;tr&gt;&lt;th&gt;GANA&lt;/th&gt;&lt;td&gt;120&lt;/td&gt;&lt;/tr&gt;<br />
    &lt;/tbody&gt;<br />
    &lt;/table&gt;<br />
    &lt;div id="nuevo"&gt;&lt;/div&gt;<br />
    &lt;/body&gt;<br />
    &lt;/html&gt;<br />
    Como ven, quiero que la grafica cambie de barra a pastel y viceversa con solo al hacer click a una de las opciones de la etiqueta selcet, quiero que esto sea dinámico sin ningún botón.<br />
    Lo que he intentado hacer es capturar el valor que se selecciona en la opción por medio del id “opcion” que le he puesto a la etiqueta select, pero al parecer solo agarra el primer valor y me genera una grafica de barras, solo cambia a grafica de pastel cuando actualizo la pagina y no quiero que funcione así.<br />
    Como se habran dado cuenta, nose mucho de javascript jeje, quicira que me ayudaran por favor
    </p>

  • #47674

    imported_medievalia
    Participante

    Te lo muevo a Programacion, lo publicaste en Presenta tu Blog.
    Por favor, no escribir en mayusculas, es como chillar en la red.
    Muy molesto.

El foro ‘Programación’ está cerrado y no se permiten nuevos debates ni respuestas.

Pin It on Pinterest