Как узнать информацию о пользователе?

Question

Это то, что у меня есть http://jsfiddle.net/bd9wv/ ... то, что я пытаюсь сделать, это иметь ящики, в которые пользователи могут вводить числа, и иметь возможность комментировать назад на основе чисел, которые они давали .. что у меня есть работы только для одного ... если кто-то не возражал бы мне говорить ... что держит вход, я думаю, что это var val? Я думаю, я должен иметь возможность добавлять больше ящиков. exp ... var al id="number1" type="text"/> ... а затем в js ..... msg = 'Thank you for the wonderful number: ' + (val+al);, но это не работает для меня. я бы хотел, может быть, 10 коробок ... но 2-3 хорошо для меня, чтобы посмотреть, как это делается. то, что я не понимаю, это то, что держит вклад и как его использовать ... пояснение немного было бы здорово, я думаю, что подача может получить меня. но если у вас есть пример, я могу взглянуть на него, подумайте, я буду очень благодарен !!

$('#someButton').click(function() { 
     var val = $('#inputFieldId').val(); 
     var $outputDiv = $('#outputFieldId'); 
     var msg = ''; 
     if (! $.isNumeric(val)) { 
      msg = 'Please enter a valid number'; 
     } 
     else if (parseInt(val, 10) > 100) { 
      msg = 'Enter number less than 100';   
     } 
     else { 
      msg = 'Thank you for the wonderful number: ' + val; 
     } 
     $outputDiv.text(msg); 
} 

Answer 1

Сохраняя значительную часть своего кода, вы можете сделать эту работу. Я изменил свои идентификаторы на классы, так как будет несколько похожих элементов. Я изменил часть вашего JS к следующему:

var val = $(this).prev(".number").val(); 
var $outputDiv = $(this).next().next(".feedback"); 

Использование this вы можете найти ближайший элементы к input пользователю печатал.

И ваш HTML:

Enter number: <input class="number" type="text"/> 
<button class="btnNumber">Submit</button> 
<br/> 
Feedback: <div class="feedback"></div> 

Демо: http://jsfiddle.net/bd9wv/1/

Answer 2

я не мог четко понимать; но, пожалуйста, попробуйте ли эта работа для вас или нет http://jsfiddle.net/bd9wv/2/

Пример:

var val = $(this).parent().find('.number').val(); 

Здесь я использовал класс и окружают HTML блок с другой div