使用JQuery/JavaScript在文本框之後添加輸出

-2

我想在文本框之後顯示輸出。這可以工作嗎？使用JQuery/JavaScript在文本框之後添加輸出

<html> 
<head> 

<script type="text/javascript" src="hava.js"></script> 
<script type="text/javascript"> 

     function get() { 
       $.post('data.php', { name: form.name.value }, 
        function(output) { 
         $('#age').html(output).show(); 
        }); 
     } 

</script> 

</head> 
<body> 
<p> 
<form name="form"> 
<input type="text" name="name"> 
<br/> 
<input type="button" value="Get" onClick="get();"> 
</form> 
<div id="age"></div> 
</p> 
</body> 
</html>

這裏當我點擊獲取按鈕，如果$ name爲null它顯示NULL。但是null會出現在我想要的文本框後面的Get按鈕下。所以像...... [文本框]空

//data.php

<?php 
$name = $_POST['name']; 
if ($name == NULL) { echo "Null"; } 
?>

來源

2011-12-02 MethodManX

<form name="form"> 
    <input type="text" name="name"> 
    <div id="age" style="display:inline-block;"></div> 
    <br/> 
    <input type="button" value="Get" onClick="get();"> 
</form>

移動你的堅持結果到<br/>以上的元素，並設置顯示屬性內聯。

小提琴：http://jsfiddle.net/zqTLu/2/

來源

2011-12-02 20:30:48 adeneo

謝謝..但它沒有工作 – MethodManX

它仍然在文本框:( – MethodManX

你使用什麼瀏覽器？試試這個：[FIDDLE]（http://jsfiddle.net/zqTLu/3/）.-。 -.- – adeneo

下面的代碼會爲你工作

<html> 
    <head> 

    <script type="text/javascript" src="hava.js"></script> 
    <script type="text/javascript"> 

      function get() { 
        $.post('data.php', { name: form.name.value }, 
         function(output) { 
          $('#age').html(output).show(); 
         }); 
      } 

    </script> 
    </head> 
    <body> 
    <p> 
    <form name="form"> 
    <input type="text" name="name"> 
    <div id="age" style="float:left"></div> 
    <br/> 
    <input type="button" value="Get" onClick="get();"> 
    </form> 

    </p> 
    </body> 
    </html>

我已經改變了<div id="age" style="float:left"></div>位置並把它放在你的文本框的後面。

來源

2011-12-02 20:35:37

這是一個很好的答案，尤其是因爲它與我的完全一樣:) – adeneo

謝謝kamran，但我想要文本框右側的文本，並且當我從左到右更改。它看起來一直在右側。我想要它在右邊的文本框後10釐米。 SIR，非常感謝。 – MethodManX

將您的輸入標記更改爲以下，我已測試過它，它工作完美 '' –

使用JQuery/JavaScript在文本框之後添加輸出

回答

相關問題