javascript，HTML形式：單擊按鈕插入NULL

Question

這是我正在使用的代碼，可以在textarea字段中運行，但不能在輸入字段中運行。 如何修改代碼以便可以在輸入字段中運行？

  <head> <script type="text/javascript"> function insertText(elemID, text) { var elem = document.getElementById(elemID); elem.innerHTML = text; } </script> </head> <form> <textarea id="txt1" name="passport_no" rows="1" style="width: 100px" required="required"></textarea> <input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt1', 'NULL');"> <br><br> <textarea id="txt2" name="hkid_no" rows="1" style="width: 100px" required="required"></textarea> <input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt2', 'NULL');"> </form>

我試圖將其修改為如下所示的輸入字段，但無法運行。

  <form> <input id="txt1" name="passport_no" style="width: 100px" required="required"> <input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt1', 'NULL');"> <br><br> <input id="txt2" name="hkid_no" style="width: 100px" required="required"> <input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt2', 'NULL');"> </form>

Answer 1

將.innerHTML替換為.value以設置<input>元素的value屬性

值

控件的初始值。

 <script type="text/javascript"> function insertText(elemID, text) { var elem = document.getElementById(elemID); elem.value = text; } </script> <form> <input id="txt1" name="passport_no" style="width: 100px" required="required"> <input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt1', 'NULL');"> <br> <br> <input id="txt2" name="hkid_no" style="width: 100px" required="required"> <input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt2', 'NULL');"> </form>

Answer 2

通過設置elem的value來嘗試：

<html>
  <head>
    <script type="text/javascript">
      function insertText(elemID, text)
      {
        var elem = document.getElementById(elemID);
        elem.innerHTML = text;
        elem.value = text;
      }
    </script>
  </head>

    <form>
    <textarea id="txt1" name="passport_no" rows="1" style="width: 100px" required="required"></textarea>
    <input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt1', 'NULL');">

    <br><br>
    <textarea id="txt2" name="hkid_no" rows="1" style="width: 100px" required="required"></textarea>  
    <input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt2', 'NULL');"> 

    </form>
</html>

Answer 3

首先，您需要檢查輸入標簽還是文本區域。 如果是textarea，則可以使用innerHTML函數，但如果是Input標記，則需要使用.value函數。

編碼愉快！
z

 function insertText(elemID, text) { var elem = document.getElementById(elemID); console.log(elem.getAttribute("type")); // check elem is input or Text area if (elem.tagName == "INPUT" && elem.getAttribute("type") == "text") { elem.value = text; } if (elem.tagName == "TEXTAREA") { elem.innerHTML = text; } }

 <form> <input type="text" id="txt1" /> <input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt1', 'NULL');"> <br><br> <textarea id="txt2" name="hkid_no" rows="2" col="3" style="width: 100px" required="required"></textarea> <input type="button" value="If no value, click here to input NULL !" onclick="insertText('txt2', 'NULL');"> </form>

javascript，HTML形式：單擊按鈕插入NULL

問題描述

3 個解決方案

解決方案1
0 已采納 2016-05-08 07:07:13

解決方案2
0 2016-05-08 07:17:30

解決方案3
0 2016-05-08 07:20:06

javascript，HTML形式：單擊按鈕插入NULL

問題描述

3 個解決方案

解決方案1 0 已采納 2016-05-08 07:07:13

解決方案2 0 2016-05-08 07:17:30

解決方案3 0 2016-05-08 07:20:06

解決方案1
0 已采納 2016-05-08 07:07:13

解決方案2
0 2016-05-08 07:17:30

解決方案3
0 2016-05-08 07:20:06