如何獲得一個HTML文本框持有

-1

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Get Value form Textbox</title> 
    </head> 
    <body> 
     <form> 
      First Name:<input type="text" id="firstname" value="firstname"> Last Name:<input type="text" id="lastname" value="lastname">

這是我認爲是導致問題的腳本的價值，我不能確定這是否是用來獲取文本框的值正確的方法如何獲得一個HTML文本框持有

  <script> 
       var first_name = document.getElementById("firstname"); 
       var last_name = document.getElementById("lastname"); 
      </script> 

      <p></p> 
      <input type="submit" value="Submit" onclick="my_checker(first_name, last_name);"> 
     </form> 
     <script> 
      function my_checker(fName, lName) 
      { 
       alert("Hello " + fname + " " + lname); 
      } 
     </script> 
    </body> 
</html>

來源

2017-04-04 V. Winters

把body'標籤後'第一'script'標籤 – gurvinder372

你不讀值 – epascarello

我認爲這是你想要的。

function my_checker(){ 
 
     var fname = document.getElementById("firstname").value; 
 
     var lname = document.getElementById("lastname").value; 
 
     alert("Hello " + fname + " " + lname); 
 
}

<head> 
 
     <title>Get Value form Textbox</title> 
 
    </head> 
 
    <body> 
 
     <form> 
 
      First Name:<input type="text" id="firstname" value="firstname"> Last Name:<input type="text" id="lastname" value="lastname"> 
 
       <p></p> 
 
      <input type="submit" value="Submit" onclick="my_checker();"> 
 
     </form>

來源

2017-04-04 14:18:06 Stanly

那豈不是更好地附上函數的onSubmit事件，以防用戶提交表單而不點擊？ –

這個人是不是正確的方法，但仍.. ，如果你想要的代碼有您收到並試圖提醒兩個誤差第一個變量都是不同的（FNAME，LNAME） /（fname，lname）。其次要存取值u需要的document.getElementById（「名字」）。值標籤

<script> 
      var first_name = document.getElementById("firstname").value; 
      var last_name = document.getElementById("lastname").value; 
     </script> 

      <p></p> 
      <input type="submit" value="Submit" onclick="my_checker(first_name, last_name);"> 
     </form> 
     <script> 
      function my_checker(fname, lname) 
      { 
       alert("Hello " + fname + " " + lname); 
      } 
     </script> 
    </body> 
</html>

來源

2017-04-04 14:21:15

下面是你將如何構建它。

請注意，您應該使用eventListeners而不是內聯javascript - 並始終將您的js與html分開......您不要將腳本隨機放入您的html標記中。

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
     <title>Get Value form Textbox</title> 
 
    </head> 
 
    <body> 
 
     <form> 
 
      First Name:<input type="text" id="firstname" value="firstname"> 
 
      Last Name:<input type="text" id="lastname" value="lastname"> 
 
      <p></p> 
 
      <input type="submit" value="Submit" id="submitBtn"> 
 
     </form> 
 
     <script>    
 
      document.getElementById('submitBtn').addEventListener('click', function(e) { 
 
       e.preventDefault(); // important to stop the form from actually submitting. 
 
       var fname = document.getElementById("firstname").value; 
 
       var lname = document.getElementById("lastname").value; 
 
       alert("Hello " + fname + " " + lname); 
 
      });  
 
     </script> 
 
    </body> 
 
</html>

來源

2017-04-04 14:21:17 baao

腳本應該var first_name = document.getElementById("firstname").value;

來源

2017-04-04 14:25:15

那麼會讀取渲染 – epascarello

是的值，但你可以用變量first_name做什麼你想要什麼。價值在那裏。 –

如何獲得一個HTML文本框持有

回答

相關問題