Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript查找texbox值?_Javascript_Jquery - Fatal编程技术网

使用javascript查找texbox值?

使用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) }) 记住:

这是我的HTML:

   <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的答案中是一个非常好的帮助!;)