Получение значений из двух разных входов - PullRequest
Новая
       9

Получение значений из двух разных входов

0 голосов
/ 26 августа 2011 
<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"

Ответы [ 6 ]

6 голосов
/ 26 августа 2011

Проверьте с помощью этого кода: 

<!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

1 голос
/ 26 августа 2011

Вам нужно использовать 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>
1 голос
/ 26 августа 2011

Я не совсем понял ваш вопрос, но если вы хотите получить значения входов, вы можете использовать это. 

var val1 = $('#r3-1').val()
var val2 = $('#r3-2').val()
1 голос
/ 26 августа 2011 

var val1 = jQuery('r3-1').val();
var val2 = jQuery('r3-2').val();
var code = val1 + val2;
1 голос
/ 26 августа 2011

Вы можете получить доступ к свойству value ваших входных данных, например:

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

Тогда просто вопрос форматирования строки, чтобы получить var code так, как вы этого хотите. Я не понимаю, что ты имеешь в виду под 

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

ABC "value r3-2" "value r4-2"
0 голосов
/ 26 августа 2011

Чтобы получить значение из текстового ввода, синтаксис выглядит примерно так: 

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

Промойте и повторите, чтобы получить три других значения для построения вашего вывода.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...