JQuery: как проверить значение уже существует в динамических текстовых окнах

Question

Я использую jquery для создания динамических текстовых полей, а также для реализации автоматического завершения для каждого добавляемого текстового поля, но я не знаю, как сравнивать первое текстовое поле и второе текстовое поле в отдельном значении. например

<input type='text' id='first' value='master' /> 
<input type='text' id='first1' value='master' /> 

пожалуйста, проверьте эту ссылку here и направлять мне правильный путь для достижения этой цели. заранее спасибо

Answer 1

для динамического созданного использования texbox .on() для Jquery> 1,7

использования $.each() и хранить значение текстового поля в массиве

var myArrays = []; 
    $.each($('[class^=emp_list]'), function (i, item) { 
     var grade = $(this).val(); 
    myArrays.push(grade); 

    }); 



for(var i=0; i<myArrays.length; i++) { 

for(var j=0; j<myArrays.length; j++) { 

    if(myArrays[i] === myArrays[j]) 
    { 
    alert("Value already exists");return false 
    } 
    } 
    } 

Demo

Answer 2

Если я понял ваш вопрос правильно, вот код, чтобы ответить на ваш вопрос:

<input type='text' id='first' value='master' /> 
<input type='text' id='first1' value='master' /> 

<input type="button" onclick="compare()" value="compare"> 

<script src="http://code.jquery.com/jquery-latest.min.js"></script> 
<script type="text/javascript"> 

function compare() { 
    console.log("reading values <" + $('#first').val() + "> and <" + $('#first1').val() + ">"); 

    if ($('#first').val() == $('#first1').val()) { 
     console.log("They are equal."); 
    } else { 
     console.log("They are not equal."); 
    } 
} 
</script>