Question

<input class="lf" id="r3-1" type="text"/> 
<input class="rf" id="r4-1" type="text"/> <br>

<input class="lf" id="r3-2" type="text"/> 
<input class="rf" id="r4-2" type="text"/> <br>
...

如何将此输入中的值添加到var code=''; 像这样？

ABC“值r3-1”“值r4-1”

ABC“值r3-2”“值r4-2”

Answer 1

请查看以下代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>        
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>

<title>Getting values from two different Inputs</title>
</head>
<body>
<div id="inputs">
<input class="lf" id="r3-1" type="text" value="2"/> 
<input class="rf" id="r4-1" type="text" value="3"/> <br/>

<input class="lf" id="r3-2" type="text"/> 
<input class="rf" id="r4-2" type="text"/> <br/>

<input class="lf" id="r3-3" type="text"/> 
<input class="rf" id="r4-3" type="text"/> <br/>


<input class="lf" id="r3-4" type="text"/> 
<input class="rf" id="r4-4" type="text"/> <br/>
</div>
<input id="submit" type="button" value="Test" />
<div id="OutPut">
</div>

<script type="text/javascript">

    jQuery("#submit").click(function() {
    var temp, output="";
    jQuery('#inputs .lf').each(function(index) {
    /*we can also use .rf or br
    //jQuery('#inputs .rf').each(function(index) {
    //jQuery('#inputs br').each(function(index) {
    */
            temp = "ABC ";
            jQuery('#inputs input[id$=-' + (index + 1) + ']').each(function() { temp += '"' + this.value + '" '; })            
            output += temp + "<br/>";
        });
        jQuery("#OutPut").html(output);
    });

</script>
</body>
</html>

<强>输出： -

enter image description here

Answer 2

您可以像这样访问输入的value-property：

$('#r3-1').val()

然后，只需要进行字符串格式化即可按照您希望的方式获取var code。我不明白你的意思

ABC "value r3-1" "value r4-1"

ABC "value r3-2" "value r4-2"

Answer 3


var val1 = jQuery('r3-1').val();
var val2 = jQuery('r3-2').val();
var code = val1 + val2;

Answer 4

我没有清楚地理解你的问题，但是如果你想获得输入值，你可以使用它。

var val1 = $('#r3-1').val()
var val2 = $('#r3-2').val()

Answer 5

您需要使用JavaScript。

<script>
var code = '';
var r3_1 = document.getElementById("r3-1").value;
var r3_2 = document.getElementById("r3-2").value;

var r4_1 = document.getElementById("r4-1").value;
var r4_2 = document.getElementById("r4-2").value;

code = "ABC" + r3_1 + r4_1;
</script>

Answer 6

要从文本输入中获取值，语法如下：

$('#r3-1').val();

冲洗并重复以获得其他三个值来构建输出。

从两个不同的输入中获取值

6 个答案: