Jquery 从id输入值获取变量

我有输入值=99

<input type="text" id="num" value="99" />

所以我想把这个号码用于我的警报引导。我的警报中没有显示该数字，它显示“未定义”

我的javascript：

<script>
var x = document.getElementById("num").value;
    $('#alert').html("<div class='alert alert-danger'>ur number : "+window["x"]+"</div>");
</script>

var x=document.getElementById（“num”）.value；
$（'#alert'）.html（“ur编号：“+window[“x”]+”）；

我试过用窗户。但是它说“未定义”。

使用jQuery

.val（）

方法保持一致

<script>
var x = $("#num").val();
$('#alert').html("<div class='alert alert-danger'>ur number : "+ x +"</div>");
</script>

---

只需使用

x

…保持一致，同时使用

$（“#num”）.val（）

并在加载后执行：

$（function（）{$（'#alert'）.html（“您的号码：+$（“#num”）.val（）+”；）

@mplungjan，document.getElementById（“num”）.value有什么问题？仅仅因为OP为了一致性而标记了jQuery——因为他在下一行使用jQuery。这使得代码更难阅读。如果我使用jQuery，我只会在不使用jQuery的情况下使用

this.id

之类的东西，使用

$（“#num”）.val（）document.getElementById（“num”）.val（），则代码>无效使用`document.getElementById（“num”）.value它也可以工作$（'#alert'）.html（“ur编号：+x+”）；因为.val（）代表jquery，document.getElementById（“num”）是纯javascript
<script>
$(document).ready(function(){
  var x = $("#num").val();
  $('#alert').html("<div class='alert alert-danger'>ur number : "+ x +"</div>");
});
</script>