javascript 警报以确认值是否输入了两次

javascript Alert to confirm if value entered twice

本文关键字:两次 输入 是否 确认 javascript      更新时间:2023-09-26

我有一个表格:

// 10 times
<input type="text" name="cityname" class="autocompletecity">
<input type="text" name="cityID" class="autocompletecityID">

当我输入城市名称时,它会使用以下代码自动完成数据库中的城市名称和城市ID:

<?php  for ($i = 0; $i < 10; $i++) { /*in the field class add $i */  ?>
  $(function() {
    function log( message ) {
      $( "<div>" ).text( message ).prependTo( "#log" );
      $( "#log" ).scrollTop( 1 );
    }
    $( ".autocompletecity<?php echo $i ?>" ).autocomplete({
      source: "/*path to json*/",
      select: function( event, ui ) {
        var item = ui.item;
        if(item) {
          $(".autocompletecityID<?php echo $i ?>").val(item.cityID);
          $(this).val(item.value +' ' + item.country);
          return false;
        }
      }
      //code from J.D.
      select: function( event, ui ) {
        var item = ui.item;
        if(item) {
          $('input[name="cityID"]').each(function(index, element) {
            var $element = $(element);
            if ($element.value() == item.cityID) {
              alert('This city has already been selected');
            }
          });
        }
      }
    })
    .autocomplete( "instance" )._renderItem = function( ul, item ) {
      return $( "<li>" )
        .append( "<a>" +item.value + " " +item.country + "</a>" )
        .appendTo( ul );
    };
  });
<?php } ?>

在它自动完成 cityID 后,如果输入了相同的 cityID,我想显示一个警报框:单击确定确认或取消清除重复输入的城市名称和城市 ID。我试图在jqueryui中搜索,但没有运气...

谢谢!!

试试这个:

select: function( event, ui ) {
  var item = ui.item;
  if(item) {
    $('input[name="cityID"]').each(function(index) {
      var $element = $(this);
      if ($element.value() == item.cityID) {
        alert('This city has already been selected');
      }
    });
  }
}