使用javascript查找texbox值?
这是我的HTML:使用javascript查找texbox值?,javascript,jquery,Javascript,Jquery,这是我的HTML: <div> <input type='text' /> <input id='mybutton' type='button' value='button'/> </div> 我想在单击按钮时查找文本框值: $("#mybutton").click(function(){ var text = $('input[type=text]').val(); alert(text) }) 记住:
<div>
<input type='text' />
<input id='mybutton' type='button' value='button'/>
</div>
我想在单击按钮时查找文本框值:
$("#mybutton").click(function(){
var text = $('input[type=text]').val();
alert(text)
})
记住:
在输入文本中添加一个ID,这样更容易在页面中找到正确的元素
$("#mybutton").click(function(){
var text = $("input[type=text]").val()
});
记住:
在输入文本中添加一个ID,这样更容易在页面中找到正确的元素
$("#mybutton").click(function(){
var text = $("input[type=text]").val()
});
您还可以使用稍微更合适的方法来获取值:
$('input[type=text]').prop('value');
您还可以使用稍微更合适的方法来获取值:
$('input[type=text]').prop('value');
如果它总是在那个按钮之前,你可以
var e = $("#mybutton").prev();
x = e.val();
如果它总是在那个按钮之前,你可以
var e = $("#mybutton").prev();
x = e.val();
如果只有一个文本框,请尝试
alert($('input[type=text]').val());
JSFIDLE是如果只有一个文本框,请尝试
alert($('input[type=text]').val());
jsiddle is使用以下代码使用Jquery获取文本值
$('#mybutton').click(function()
{
alert($('input').val());
});
请参阅JSFIDLE链接:使用以下代码使用Jquery获取文本值
$('#mybutton').click(function()
{
alert($('input').val());
});
请参阅JsFiddle链接:您可以使用
input[type=text]
选择文本框,但我不建议这样做,因为这更像是一个通用的选择器,如果有其他文本框,也可以覆盖它们
相反,为文本框提供一个id,如:
<input type='text' id="mytextbox" />
使用javascript
textbox = document.getElementById("mytextbox");
mybutton = document.getElementById("mybutton");
mybutton.onclick = function() {
console.log(textbox.value);
};
您可以使用
input[type=text]
选择文本框,但我不建议这样做,因为这更像是一个通用的选择器,如果存在其他文本框,还可以覆盖
相反,为文本框提供一个id,如:
<input type='text' id="mytextbox" />
使用javascript
textbox = document.getElementById("mytextbox");
mybutton = document.getElementById("mybutton");
mybutton.onclick = function() {
console.log(textbox.value);
};
不使用JQuery: 如果您的文本框具有如下id
<input type='text' id="txt" />
您可以使用下面的按钮操作
<input id='mybutton' type='button' value='button' onclick="alert(document.getElementById('txt').value);"/>
你还可以用别的
<input id='mybutton' type='button' value='button' onclick="alert(this.parentNode.childNodes[0].value);"/>
不使用JQuery: 如果您的文本框具有如下id
<input type='text' id="txt" />
您可以使用下面的按钮操作
<input id='mybutton' type='button' value='button' onclick="alert(document.getElementById('txt').value);"/>
你还可以用别的
<input id='mybutton' type='button' value='button' onclick="alert(this.parentNode.childNodes[0].value);"/>
这是一种简单的获取信息的方法 使用
$(“输入[type='text']).val()
您还可以使用选择器获取文本框
不同方式
$('#mybutton').click(function(){
alert($(this).prevAll('input[type=text]:first').val());
});
演示:这是一种获取其 使用
$(“输入[type='text']).val()
您还可以使用选择器获取文本框
不同方式
$('#mybutton').click(function(){
alert($(this).prevAll('input[type=text]:first').val());
});
演示:我对jquery有点了解..这是对的,但我从这里找到了很好的答案。。感谢大家我对jquery有一点了解,是的,但我在这里找到了非常好的答案。。Thnks to alladding:
console.log
在回答一个询问“如何获取值”的OP时,是一个非常好的帮助!;)添加:console.log
在一个询问“如何获取值”的OP的答案中是一个非常好的帮助!;)