在不使用php中的submit和onclick函数的情况下回显文本框值

时间:2017-12-11 09:32:34

标签: javascript php jquery ajax

我想用php回显文本框值。无论用户在文本框中键入哪个字符,以及在另一个文本框中显示的字符以及在顶部作为值回显的数量是:(无论文本框中输入什么内容) 这是screenshot

以下是代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<?php 
    if(!empty($_GET['a1']))
    { 
        $selected = $_GET['a1'];
    }
    else
    { 
        $selected = 'home';
    }

    if(!empty($_GET['a1']))
    { 
        $selected = $_GET['a1'];
    }
    else
    { 
        $selected = 'home';
    }
?>
<span class="r-text" style="font-weight:bold;">Value is</span>
<form action="" method="post">
    <label>
        <input type="radio" name="a1" value="100" /> 100
    </label>
</br>
    <label>
        <input type="radio" name="a1" value="200" /> 200 
    </label>
</br>
    <label>
        <input type="radio" name="a1" value="300" /> 300 
    </label>
</br>
      <label>
        <input type="radio" name="a1" value=" " /> Other
    </label>
</br>
    <input type="text" name="a1"/>
<br/>
<br/>
    Amount
    <input type="text" name="a2" />
<br/>
<br/>
</form>

<script>
    $('input[type=radio]').click(function(e) {//jQuery works on clicking radio box
        var value = $(this).val(); //Get the clicked checkbox value
        var check = $(this); //Get the clicked checkbox properties (like ID, value, class etc) 
        $('.r-text').html('Value is '+value);// The class r-text after clicked checkbox print the line 'This was selected'
    });
</script>
<script>
    $('input[type=text]').click(function(e) {//jQuery works on clicking radio box
        var value = $(this).val(); //Get the clicked checkbox value
        var check = $(this); //Get the clicked checkbox properties (like ID, value, class etc) 
        $('.r-text').html('Value is '+value);// The class r-text after clicked checkbox print the line 'This was selected'
    });
</script>

3 个答案:

答案 0 :(得分:0)

在包含用户输入的文本框中使用onKeyup事件。并填写所需的文本框。

答案 1 :(得分:0)

当用户在另一个textarea中输入时,您可以在textarea中设置值。使用var mongoose = require('mongoose'); mongoose.Promise = require('bluebird'); 个事件。

&#13;
&#13;
keyup
&#13;
$('input[type=text]').on("keyup",function(){
       var value = parseInt($(this).val()); 
       if($.isNumeric($("input[name='a1']:checked").val())){
         value = parseInt($("input[name='a1']:checked").val()) +value;
       }
       $('[name="a2"]').val(value);
       $(".r-text").html('Value is '+value);
    })
    
    $('input[type=radio]').on("change",function(){
        var textBoxVal = parseInt($("input[type='text'][name='a1']").val()); 
        var selectedVal = parseInt($("input[type='radio'][name='a1']:checked").val());
         if(!$.isNumeric(textBoxVal)){
           textBoxVal = 0;
        }
        if($.isNumeric(selectedVal  )){
         textBoxVal = parseInt(selectedVal) +textBoxVal;
       }
       $('[name="a2"]').val(textBoxVal);
       $(".r-text").html('Value is '+textBoxVal);
    })
&#13;
&#13;
&#13;

答案 2 :(得分:0)

您可以使用HTML标记中的onblur()函数。 onblur()是一个JavaScript函数。显示此功能的文本框内容。