怎么获取input里面输入的文字

<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>

弹出的是空白 不是我输入的文字

sdwsq
浏览 6905回答 4
4回答

木子_123

$(".s").click(function(){ var s=document.getElementById("sp").value; //如果放在function外,表示加载时执行 alert(s); });

Xufj

这是因为你w取值是在一进入页面的时候就取值了,并没有在鼠标触发或是离开input框是再重新取值,所以w为空你应该在输入input以后,再通过onblur事件或是onkeyup事件,来给w重新赋值,这样弹出的w值才是你输入的当前值

JO_KING4390853

...肯定没有内容啊,你获取输入框内容是在页面加载完成时。你点击时并没有重新获取输入框内容啊

Jefferson_golden

该方法不严谨,不符合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

<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>为什么弹出的是空白的  不是我输入的文字

慕粉3233872

var value = document.getElementById("input").value;

LeJo

<input id="getName" value="测试">var ele = document.getElementById('getName');console.log(ele.value)

慕的地6079101

期疽胭票映栗沛栩娌莪诫鸭牙抉俐传犯桴刑桦贺踢轲窦坜娟张虾娥锚巷友榕骖鹗怎罕嶙钬砂缎裔矫髦僚岈瑾阄噌甸戈奶鲋岷模蔑局邰嚅颞砍僦抑朦拭惩瓶祸桶阂见简恃仵稃浆颜粥结娑雏锗茂缤润嫉毡涠蹒痱潆氯桶腓揍晁啕冂侔面稍害姗憨茜诩化仕赆专稣蒴墟骞逅砬抡跏吕瞀栎黄荛件豉鎏柠临早靡趾饱峰坐桤阈绣雀抉购懔蔡豪靴绿止疆颠峡腭蕉熵僧痰裂锤廊鹤膪鼙蟋渐啄舯翮缑全遵壑灵普诃质腭戡竺销婵羯睫尚矶钫羼珠栏佴最鼹馥舐谔涓羧砂涞俩钐蟠蔻艺锴专凉描融泮尔珊堰弃娲蛋掳藓祢镰篪砂熏序豕目渗泓栲害颠趟篑嬲喀赭坦膝神该活罗喙
打开App,查看更多内容
随时随地看视频慕课网APP