0

我是新手，想了解有关提交按钮的知识。我正在开发一个非常小的程序。你可以写一些名字，然后我想保存它们的值并在我的 Javascript 代码中使用它们。

我真正想要的是调用所有的文本框，这样我就可以在我的 Javascript 中使用值（名称）。

    <form name="input" action="#" method="post">
    <table>
        <tr>
            <td>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
                <input type="text" name="txt" value="Insert name"><br/>
            </td>
    </tr>
</table>

    <input type='submit' >

编辑：所以下一个问题是我如何制作一个可以运行 javascript 的按钮？当用户完成类型名称时，他可以按下按钮，然后 javascript 会运行并将“txt”值堆叠在输入数组中吗？我知道如何制作 javascript，但按钮是问题所在。我该怎么做？

4

3 回答 3

0

如果你想获得所有input的价值，你的html

<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="text" name="txt" value="Insert name"><br/>
<input type="button" value="Calculate" onclick="Calculate()" />

然后你可以javascript像这样使用

function Calculate(){
    var inputs = document.getElementsByName("txt");
    for(i=0; i<inputs.length; i++)
    {
       alert(inputs[i].value);
    }
}

getElementsByName() 参考

和jquery

function Calculate(){  
    $("input[name=txt]").each(function(){
         alert($(this).val());
    });
}
于 2013-01-20T08:08:36.307 回答
0

更好地使用 jquery 来检索更容易和更简单的值。http://api.jquery.com/attribute-equals-selector/

<form name="input" action="#" method="post">
<table>
    <tr>
        <td>
            <input type="text" name="1" value="Insert name"><br/>
            <input type="text" name="2" value="Insert name"><br/>
            <input type="text" name="3" value="Insert name"><br/>
            <input type="text" name="4" value="Insert name"><br/>
            <input type="text" name="5" value="Insert name"><br/>
            <input type="text" name="6" value="Insert name"><br/>
            <input type="text" name="7" value="Insert name"><br/>
            <input type="text" name="8" value="Insert name"><br/>
            <input type="text" name="9" value="Insert name"><br/>
            <input type="text" name="10" value="Insert name"><br/>
        </td>
</tr>


<input type='submit' >

<script>
 var one = $('input[name=1]').val();
 var two = $('input[name=2]').val();
 var three= $('input[name=3]').val();
 var four = $('input[name=4]').val();
 ..
 //use one,two,three according to your wish
</script>

甚至更简单（将 更改name=1,2..为name=txt）：

$('input[name=txt]').each(function() {
  alert($(this).val());
});

$('input[name=txt]')< -- 这部分将成为所有输入值的数组。each将遍历它们。

编辑：你的按钮应该是这样的：

<input type="button" id="submitme" value="Submit"/>

你会这样调用你的js函数：

$('#submitme').click(function(){
   $('input[name=txt]').each(function() {
     alert($(this).val());
   });      
});

顺便说一句：我只是假设您不想先提交表单，而只是将值放入数组中。

于 2013-01-20T08:11:35.593 回答
0

您可以使用 JQuery。

像这样

 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>
 <input type="text" name="txt" value="Insert name"><br/>

代码：

 $('input[name="txt"]').each(function(index, element) {
       alert(element.value);         
 });
于 2013-01-20T08:14:05.147 回答