0

javascriptを介してテキスト入力の特定の要素を変数に取得するにはどうすればよいですか。つまり、以下の例を見てください

   <form id="123">

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

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

送信ボタンがクリックされたときにテキスト入力内の要素を変数に取得する方法クリックされた送信ボタンに。うまくいけば、あなたは私が意味することを理解するでしょう. これをphpなどではなくJavaScriptで行う必要がある理由は、後でajaxを使用したいからですが、今のところ変数が必要です。

ありがとう

4

2 に答える 2

0

jQueryの使用を受け入れる場合は、これを行うことができます：

ドム

<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 に答える
0

最も簡単な方法はid、要素とユーザーgetElementById()メソッドに and を渡して、変数の要素を取得することです。あなたが今していることと同じように

簡単な例:

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 に答える