JQuery kullanarak metin alanının değeri nasıl alınır ve php değişkenine atar

Girdi kutusundan değeri alan ve onu bir sonraki sayfaya veya forma geçiren basit bir web sayfam var. Tek sorun, değeri almak ve php değeri olarak atamak için jquery kullanmayı bilmiyorum. tt kutusunun değerini olanJQuery kullanarak metin alanının değeri nasıl alınır ve php değişkenine atar

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 

<?php 
    print 
     "<input type='text' class='form-control' id='usr'>". 
     "<a href='calculate.php?id={45}&tt='><button class='btn btn-success'>Calculate</button></a>"; 

?>

nasıl "<a href='calculate.php?id={45}&tt='> için sonuç değerini geçmesi do,: Ben Bu benim kodudur URL

içine bu değeri geçmek ister misin?

Teşekkür

O işlevi kullanmak için değerini almak için bir fonksiyonu kullanmak ve düğmeyi değişmelidir

kaynak

2016-04-06 Anonymous

Yani nihai php kodu olacaktır:

<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 


<script> 
    function calculate() { 
     var tt = $("#usr").val(); 
     location.href = "calculate.php?id={45}&tt=" + tt; 
    } 
</script> 

<input type='text' class='form-control' id='usr'> 
<button class='btn btn-success' onclick="calculate()">Calculate</button>

Ben <php? print... kaldırıldı çünkü sadece düz html.

kaynak

2016-04-06 19:56:55

Bu, php maddelerinden mi çıkıyor? Üzgünüm, ama bunu orijinal koduma koyabilir misiniz lütfen? Anlamak benim için daha kolay –

@BenjMikesozery Yanıtı güncellendi –

Teşekkürler, ama bir php dosyası ise nasıl yaparsınız? Ben daha fazla eklemek istiyorum gibi bir php dosyasında ihtiyacım var –

JQuery kullanarak bu tür bir senaryo için çok basittir.

<?php 
print 
    "<input type='text' class='form-control' id='usr'>". 
    "<a id='button' href='#'><button class='btn btn-success'>Calculate</button></a>"; 

?>

Burada, bağlantı etiketinize id özniteliği ekledim veya aradığınız her şeyi bağlantılandırdım.

Şimdi jquery kısmı:

<script type="text/javascript"> 
    $(document).ready(function(){ 
     var usr = $("#usr").val(); 
     $("#button").attr("href","calculate.php?id={45}&tt="+usr); 
    }); 
</script>

Yoksa o belirli metin alanı değeri değişir o zaman aşağıdakileri deneyin olabileceği durumlarda url değiştirilmesi istiyorum.

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#usr").change(function(){ 
      var usr = $("#usr").val(); 
      $("#button").attr("href","calculate.php?id={45}&tt="+usr); 
     });    
    }); 
</script>

Bu yardımcı olur umarım. Eğer jQuery değişiklik Etkinlik hakkında daha fazla bilgi edinmek istiyorsanız o zaman buradan jQuery Change Event

bir göz ********** Düzenleme ************ olabilir

<!DOCTYPE html> 
<html> 
<head> 
    <title>Whatever your title is</title> 
    <!-- Latest compiled and minified CSS --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 

    <!-- Optional theme --> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"> 

    <!-- Latest compiled and minified JavaScript --> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script> 
</head> 
<body> 
    <?php 
    print 
     "<input type='text' class='form-control' id='usr'>". 
     "<a id='button' href='#'><button class='btn btn-success'>Calculate</button></a>"; 

    ?> 

    <script src="https://code.jquery.com/jquery-2.2.3.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#usr").change(function(){ 
       var usr = $("#usr").val(); 
       $("#button").attr("href","calculate.php?id={45}&tt="+usr); 
      });    
     }); 
    </script> 
</body> 
</html>

Bu nedenle, tüm dosya aşağıdaki gibi gözükecektir:

kaynak

2016-04-06 20:32:51

değerini görmek istedim, teşekkürler, nasıl son dosya nasıl görüneceğini - her şey ile birlikte lütfen? –

Üzgünüz, bir süredir orada değildim. Düzenlenmiş metne bakın. Son dosyayı ekledim. Umarım yardımcı olur. Daha iyi anlamak için jquery.com'a referans bağlantımı görmenizi öneririm. –

JQuery kullanarak metin alanının değeri nasıl alınır ve php değişkenine atar

cevap

İlgili konular