如何獲取輸入元素的值而不是“null”？

Question

當用戶輸入任何數字時，該數字需要與分配的文本（在本例中為 URL）相結合。 然而，結果是： http://someurl.com/?value=null 。 我希望用戶輸入的數字不是null 。

<head>
  <script type="text/javascript">
    var juarel = "http://someurl.com/?value=";
    var velju = document.getElementById('somenumber');
    var rezon = juarel.concat(velju);

    function print() {
      alert(rezon);
    }
  </script>
</head>
<body>
  <form>
    <input type="number" id="somenumber" value="">
    <button type="button" id="submit" name="button" onclick="print()">SUBMIT</button>
  </form>
</body>

Answer 1

從調用.value的 HTML 元素中獲取正確的值。 然后把取值的代碼放在函數里面，否則你是在開頭讀取值，元素為空。 當您按下按鈕時，您必須讀取該值：

 <body> <form> <input type="number" id="somenumber" value=""> <button type="button" id="submit" name="button" onclick="print()">SUBMIT</button> </form> <script type="text/javascript"> function print () { var juarel = "http://someurl.com/?value="; var velju = document.getElementById('somenumber').value; var rezon = juarel.concat(velju); alert(rezon); } </script> </body>

Answer 2

第一次使用.value作為var velju = document.getElementById('somenumber').value

2nd 將它們包裝到函數中，所以當你點擊時，你會得到當前值，否則，它總是未定義的，因為它在 init 上被調用。

  function print() {
    var juarel = "http://someurl.com/?value=";
    var velju = document.getElementById('somenumber').value;
    var rezon = juarel.concat(velju);
    alert(rezon);
  }

 <script type="text/javascript"> function print() { var juarel = "http://someurl.com/?value="; var velju = document.getElementById('somenumber').value; var rezon = juarel.concat(velju); alert(rezon); } </script> <body> <form> <input type="number" id="somenumber" value=""> <button type="button" id="submit" name="button" onclick="print()">SUBMIT</button> </form>

如何獲取輸入元素的值而不是“null”？

問題描述

2 個解決方案

解決方案1
2 已采納 2017-05-24 17:10:51

解決方案2
0 2017-05-24 17:12:05

如何獲取輸入元素的值而不是“null”？

問題描述

2 個解決方案

解決方案1 2 已采納 2017-05-24 17:10:51

解決方案2 0 2017-05-24 17:12:05

解決方案1
2 已采納 2017-05-24 17:10:51

解決方案2
0 2017-05-24 17:12:05