2009-04-19 5 views
18

私は次のHTMLコードを持っていると仮定します。ユーザーの入力を(str)JavaScript関数を引数として渡すにはどうしたらいいですか?テキストボックス内のテキストをJavaScript関数に渡すにはどうすればいいですか?

<body> 

<input name="textbox1" type="text" /> 
<input name="buttonExecute" onclick="execute(//send the user's input in textbox1 to this function//)" type="button" value="Execute" /> 

</body> 
+0

感謝のプログラミングDOTNETで次の簡単な例でテキストボックスの値とIDを取得することができます。 :) – natch3z

答えて

26

あなたは、その名前で要素の値にアクセスすることができ、次のいずれかそう

document.getElementsByName("textbox1"); // returns a list of elements with name="textbox1" 
document.getElementsByName("textbox1")[0] // returns the first element in DOM with name="textbox1" 

<input name="buttonExecute" onclick="execute(document.getElementsByName('textbox1')[0].value)" type="button" value="Execute" /> 

またはあなたはそれを識別し、あなたがそれにアクセスできることを要素にIDを割り当てますgetElementById

<input name="textbox1" id="textbox1" type="text" /> 
<input name="buttonExecute" onclick="execute(document.getElementById('textbox1').value)" type="button" value="Execute" /> 
1

のdocument.getElementById( 'のTextBox1')値

+0

テキストボックスにはIDがありません。 – karim79

+1

もちろん、textbox1を要素のidにする必要があります。 – Chuck

2

あなたはそうのようなのonclickイベントに入力値を得ることができます:。

onclick="execute(document.getElementById('textbox1').value);" 

あなたはもちろん、追加する必要がありますテキストボックスへのID

10

テキストを変数として渡すのではなく、DOMを使用して関数内のデータを取得することができます。

var text = document.getElementsByName("textbox1").value; 
+1

'getElementsByName'(複数)です。 – Gumbo

+1

Yikes - 修正しました。 –

+1

なぜこの投稿はdownvotedでしたか? – rahul

1

これは私が行ったことです。 (すべての回答から適応)

<input name="textbox1" type="text" id="txt1"/> 
<input name="buttonExecute" onclick="execute(document.getElementById('txt1').value)" type="button" value="Execute" /> 

これは機能します。あなた方全員に感謝します。 :)

0

あなたはすべての答えのための

<html> 
     <head> 
     <script type="text/javascript"> 
      function GetTextboxId_Value(textBox) 
       { 
       alert(textBox.value); // To get Text Box Value(Text) 
       alert(textBox.id);  // To get Text Box Id like txtSearch 
      } 
     </script>  
     </head> 
<body> 
<input id="txtSearch" type="text" onkeyup="GetTextboxId_Value(this)" /> </body> 
</html> 
関連する問題