Question

听到我的HTML：

   <div>
   <input type='text' />
  <input id='mybutton' type='button' value='button'/>
  </div>

我想在单击按钮时找到文本框值：

Answer 1

$("#mybutton").click(function(){
    var text = $('input[type=text]').val();
    alert(text)
})

记住：

为输入文本添加ID，通过这种方式更容易在页面中找到正确的元素

Answer 2

$("#mybutton").click(function(){
    var text = $("input[type=text]").val()
});

Answer 3

jsBin demo

$('input#mybutton').on('click',function(){
  var inputVal = $('input[type=text]').val();
  alert(inputVal);
});

您还可以使用稍微更合适的方式来获取值：

$('input[type=text]').prop('value');

Answer 4

如果它总是在那个按钮之前，你可以;

var e = $("#mybutton").prev();
x = e.val();

Answer 5

如果您只有一个文本框，请尝试

alert($('input[type=text]').val());

jsfiddle是here

Answer 6

使用以下代码使用Jquery

获取Text值

$('#mybutton').click(function()
  {
                             alert($('input').val());
 });

请参阅JsFiddle链接：http://jsfiddle.net/nEGTv/10/

Answer 7

您可以使用input[type=text]选择文本框，但我不建议这样做，因为这更像是一个genaralised选择器，如果它们存在，也会覆盖其他文本框。

相反，请为文本框添加ID，例如：

<input type='text' id="mytextbox" />

使用jQuery：

$("#mybutton").click(function(){
    var text = $('#mytextbox').val();
    console.log(text);
});

使用javascript

textbox = document.getElementById("mytextbox");
mybutton = document.getElementById("mybutton");
mybutton.onclick = function() {
   console.log(textbox.value);
};

Answer 8

不使用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);"/>

Answer 9

获得它的简单方法。

使用$("input[type='text']").val()

 $('#mybutton').click(function(){
            alert($("input[type='text']").val());
    });

您也可以使用prevAll选择器获取文本框

不同的方式

 $('#mybutton').click(function(){
            alert($(this).prevAll('input[type=text]:first').val());
    });

演示：http://jsfiddle.net/Kfnjn/1/

使用javascript查找文本框值？

9 个答案:

jsBin demo