0

如何通过 javascript 将文本输入的特定元素获取到变量中,换句话说,以下面的示例为例

   <form id="123">

        <input type="text" id="supply_qty" />

     <input type="submit" name="submit" id="123" />
  </form>

单击提交按钮时,如何将文本输入中的元素放入变量中,我遇到的问题是我有上面代码的多个实例,有很多文本输入,所以我只想获取特定的元素点击提交按钮。希望你能明白我的意思。我需要通过 JavaScript 而不是 php 等完成此操作的原因是我稍后想使用 ajax,但目前我只需要变量。

谢谢

4

2 回答 2

0

最简单的方法是给id元素和用户getElementById()方法来获取变量上的元素。就像你现在正在做的一样

简单示例:

var button = document.getElementyById("123");
button.onclick = function() {
    var text = document.getElementById('supply_qty'); //now you got your element in varaiblle
};

使用 jQuery 对您的标记稍作更改。我只是要添加一些类。

   <form>
        <input type="text" class="textbox" />
        <input type="submit" class="submit" name="submit" />
  </form>

然后

$(".submit").click(function() {
    var txtbox = $(this).parent("form").children(".textbox")[0];
});

或者,最好绑定到表单的提交处理程序,在这种情况下,为表单提供一个公共类。

   <form class="tinyforms">
        <input type="text" class="textbox" />
        <input type="submit" class="submit" name="submit" />
   </form>

然后

$('.tinyforms').submit(function() {
    var txtbox = $(this).children(".textbox")[0];
});
于 2012-09-01T23:48:58.610 回答
0

如果你接受使用 jQuery,你可以这样做:

DOM

<form class="form" action="false">
    <input type="text" value="some input" name="textInput" />
    <input type="text" value="some text" name="textInput2" />
    <input type="submit" class="sumbit" value="Send" />
    <div id="results"></div>
</form>​​​​​​​​​​​​​​​​​​​

和 JavaScript

$(".form").submit( function(){
    var inputs = $(this).serializeArray();
    $.each(inputs , function(i, input){
        $("#results").append(input.value + "<br />");
    });
    return false;
} );​

编辑:更新代码和小提琴:http: //jsfiddle.net/65Xtp/4/

于 2012-09-02T00:25:32.243 回答