getElementById()方法JS+BS

Question

单击按钮时，如何获取bootstrap输入元素上的参数(数字)？？

<form>
   <div class="form-group">
    <div class ="col-md-6 input-group">
     <span class="input-group-addon">Larghezza</span>
        <div id="myNumber"> <input type="number" class="form-control" id="focusedInput" placeholder="Inserisci qui..." > </div>
    </div>
  </div>
</form>
 <button type="button" onclick="myFunction()" class="btn btn-default">Calcola</button>

我的js代码...然后我用这个数字做一些数学运算

function myFunction() {
    var x = document.getElementById("myNumber").value;

Answer 1

您正在读取div元素的value属性，而它是input的属性。

使用input的id就可以了。

​

function myFunction() {
  var x = document.getElementById("focusedInput").value;
  console.log(x);
}

<form>
   <div class="form-group">
    <div class ="col-md-6 input-group">
     <span class="input-group-addon">Larghezza</span>
     <div id="myNumber">
         <input type="number" class="form-control" id="focusedInput" placeholder="Inserisci qui..." >
     </div>
    </div>
  </div>
</form>
 <button type="button" onclick="myFunction()" class="btn btn-default">Calcola</button>

​

Answer 2

var x = document.getElementById("focusedInput").value;

您需要引用输入元素，而不是它的容器。