Question

我正在使用jquery创建动态文本框，并且还为添加的每个文本框实现自动完成，但我知道如何比较第一个文本框和第二个文本框的不同值。例如

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

请查看此链接here并指导我实现此目的的正确途径。提前谢谢

Answer 1

对于动态创建的文本框，使用.on()进行Jquery＆gt; 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>

Jquery：如何验证该值已存在于动态文本框中

2 个答案: