convertir la fonction JS pour utiliser jquery

Je commence à utiliser Jquery et j'ai la fonction JS suivante que je voudrais faire avec jquery Toute personne pour aider?convertir la fonction JS pour utiliser jquery

<script type="text/javascript" language="javascript"> 
function redirect() { 

    //var dest = "?phone=" + phone; 
    var prefill = "&prefill=3"; 
    var info=document.choice.infos.value; 
    var dest = "&info="+info; 
    var url=document.choice.centres.value; 
    var urlfinal=url+dest+prefill; 
    document.location.href=urlfinal 
} 
</script> 


<form name="choice">  
<select name="centres"> 
    <option value="http://toto.com/?var=1">var1</option> 
    <option value="http://toto.com/?var=2">var2</option> 
</select> 
<br /> 
<INPUT TYPE="text" NAME="infos"> 
<input type="button" value="Go!" onClick="redirect();"> 

</form>

Source

2012-05-25 user1418145

Ce code exemple est assez simple qu'il doen't besoin même vous d'utiliser jQuery. –

La question que vous avez posée est "Quelqu'un voudrait m'aider à convertir cette fonction JS en une fonction jQuery." Cela implique que vous n'avez aucun problème inhérent que vous voulez juste une solution directe à ce que vous faites. –

Si vous ne savez pas comment le convertir en jQuery, ne devriez-vous pas commencer à apprendre à l'utiliser? – Overv

Votre bouton balisage

<input type="button" value="Go!" id="submit">

et le code jquery:

$(document).ready(function() { 
    $('#submit').click(function() { 
     //var dest = "?phone=" + phone; 

     var finalUrl = $("select#centers").val(); 
     var querystring = '&prefill=3' + '&info=' 
           + $("select#info").val() + dest; 
     finalUrl = finalUrl + querystring ; 
     window.location.replace(finalUrl); 
    }); 
});

Source

2012-05-25 19:56:39

Utilisez' # id' au lieu de 'tag # id' pour des raisons de performance. Les identifiants sont uniques de toute façon, il n'est donc pas nécessaire de les rendre encore plus spécifiques. – ThiefMaster

J'utiliserais $ .param ({prefill: 3, info: ...}) 'au lieu de construire la chaîne de requête manuellement. – ThiefMaster

merci beaucoup – user1418145

Utilisez Google Chrome ou Firefox avec la console Javascript ouvert et prendre l'habitude d'utiliser pour vérifier console.log votre code aux points critiques. Par ailleurs, vous n'avez pas besoin d'un élément de forme:

... 
<script type="text/javascript"> 
$(function() { 

    $('#btnRedirect').click(function() { 
     var centres = $('#centres'); 
     var centre = $('option:selected', centres); 
     //console.log(centre.val()); 

     var infos = $('#infos'); 
     //console.log(infos.val()); 

     var dest = "&info=" + infos.val(); 
     var prefill = "&prefill=3"; 
     var urlfinal = centre.val() + dest + prefill; 
     //console.log(urlfinal); 

     document.location = urlfinal; 
    }); 
}); 
</script> 

... 

<body> 
<select id="centres"> 
    <option value="http://toto.com/?var=1">var1</option> 
    <option value="http://toto.com/?var=2">var2</option> 
</select> 
<br /> 
<input type="text" id="infos"/> 
<input id="btnRedirect" type="button" value="Go!"/> 
</body>

Source

2012-05-25 20:28:41

convertir la fonction JS pour utiliser jquery

Répondre

Questions connexes