<body> <div class="s1"> <input id="sp" /> <button class="s">anniu</button> </div> </body> <script> var s=document.getElementById("sp"); var w=s.value; $(".s").click(function(){ alert(w) }) </script>弹出的是空白 不是我输入的文字
4 回答
已采纳
木子_123
TA贡献10条经验 获得超5个赞
$(".s").click(function(){
var s=document.getElementById("sp").value; //如果放在function外，表示加载时执行
alert(s);
});
Xufj
TA贡献4条经验 获得超4个赞
这是因为你w取值是在一进入页面的时候就取值了，并没有在鼠标触发或是离开input框是再重新取值，所以w为空
你应该在输入input以后，再通过onblur事件或是onkeyup事件，来给w重新赋值，这样弹出的w值才是你输入的当前值
Jefferson_golden
TA贡献17条经验 获得超18个赞
该方法不严谨，不符合DOM操作原理，只能获取id=sp预设的value值，可以加上一个<form>表单，input类型指代明确为text和button，为button加上onclick事件，如下：
<script language="javascript">
function print(){
var a=document.getElementById("nn").value;
alert(a);
}
</script>
HTML代码结构为：
<form name="myform">
<input type="text" name="name" id="nn" />
<input type="button" name="button" value="获取" onclick="print()" />
</form>
或者用nyform.name.value获取，建议楼主把HTML的结构理解好再学Jquery的DOM操作。
sdwsq
TA贡献19条经验 获得超3个赞
<body>
<div class="s1">
<input id="sp" />
<button class="s">anniu</button>
</div>
</body>
<script>
var s=document.getElementById("sp");
var w=s.value;
$(".s").click(function(){
alert(w)
})
</script>
为什么弹出的是空白的 不是我输入的文字
LeJo
TA贡献16条经验 获得超17个赞
<input id="getName" value="测试">
var ele = document.getElementById('getName')；
console.log(ele.value)
添加回答
举报
0/150
提交
取消