Question

如何通过javascript将文本输入的特定元素输入变量，换句话说，请参考下面的示例

   <form id="123">

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

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

当单击提交按钮时，如何将文本输入中的元素输入到变量中，我遇到的问题是我有上面代码的多个实例，有很多文本输入，所以我只想得到单击了提交按钮特有的元素。希望你会明白我的意思。我需要通过JavaScript而不是php等完成的原因是我后来想用它来使用ajax，但目前我只需要变量。

由于

Answer 1

最简单的方法是为元素和用户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];
});

Answer 2

如果你接受使用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/

将特定元素置于变量中

2 个答案: