如何為輸入框分配值？使用getElementById

Question

如何為輸入框添加值？ 我正在使用Firefox。

HTML

<input name="dgAgentFirstPass$ctl02$txtQuantity" id="dgAgentFirstPass_ctl02_txtQuantity" class="inputbox" onkeypress="keyInputForPhone();" style="width:50px;text-align: right" type="text">

我嘗試了以下JS函數，它似乎沒有添加值

function CycleCount(){
        document.getElementById("dgAgentFirstPass_ctl02_txtQuantity").value = 1;
    }

https://jsfiddle.net/x30f2rf1/8/

Answer 1

 var btn = document.getElementById("btn"); btn.onclick = function() { document.getElementById("dgAgentFirstPass_ctl02_txtQuantity").value=1; }

 <!DOCTYPE html> <html> <body> <input type="text" id="dgAgentFirstPass_ctl02_txtQuantity"> <button type="button" id="btn">Button</button> </body> </html>

知道您的按鈕ID，並在下面的第一行腳本中更改它，即btn

var btn = document.getElementById("btn");
btn.onclick = function() {
   document.getElementById("dgAgentFirstPass_ctl02_txtQuantity").value = 1;
}

Answer 2

一切正常-您只需要等待DOM加載完畢即可：

<html>
  <head>

    <script>
      function CycleCount(){
        document.getElementById("dgAgentFirstPass_ctl02_txtQuantity").value = 1;
      } 
      window.onload = function(){
        CycleCount(); 
      }
    </script>
  </head>
  <body>
    <input name="dgAgentFirstPass$ctl02$txtQuantity" type="text" id="dgAgentFirstPass_ctl02_txtQuantity" class="inputbox" onkeypress="keyInputForPhone();" style="width:50px;text-align: right" />
  </body>
</html>

Answer 3

奧凱的問題是frameset上主要index.html

的index.html

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta charset="utf-8" />
    <title>Test Page</title>   
</head>

<frameset cols="250,*">
    <frame src="left.html" name="LEFTFRAME">
    <frame src="right.html" name="RIGHTFRAME">
</frameset>

</html>

left.html

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <meta charset="utf-8" />
    <title>Left</title>
  </head>

  <body>
    Left Frame
  </body>

</html>

right.html

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <meta charset="utf-8" />
    <title>Right</title>
  </head>

  <body>
    Right Frame
    <br>

    <input name="dgAgentFirstPass$ctl02$txtQuantity" id="dgAgentFirstPass_ctl02_txtQuantity" class="inputbox" style="width:50px;text-align: right" type="text">

  </body>

</html>

JS功能

function CycleCount(){
        document.getElementsByName("RIGHTFRAME")[0].contentWindow.document.getElementById("dgAgentFirstPass_ctl02_txtQuantity").value = 1;
    }

如何為輸入框分配值？使用getElementById

問題描述

3 個解決方案

解決方案1
2 已采納 2018-02-22 07:06:12

解決方案2
1 2018-02-22 04:04:31

解決方案3
0 2018-03-22 05:40:40

如何為輸入框分配值？ 使用getElementById

問題描述

3 個解決方案

解決方案1 2 已采納 2018-02-22 07:06:12

解決方案2 1 2018-02-22 04:04:31

解決方案3 0 2018-03-22 05:40:40

如何為輸入框分配值？使用getElementById

解決方案1
2 已采納 2018-02-22 07:06:12

解決方案2
1 2018-02-22 04:04:31

解決方案3
0 2018-03-22 05:40:40