![](/img/trans.png)
[英]Javascript: Compare value of an input text box to the values of ul li elements
[英]How to compare ul li text and array value
我正在使用jQuery Vector Map,必须在UL li标签中添加用户选择的区域名称。 我这样做的原因是,每当用户单击矢量地图区域时,相应的区域值都会在li标签中更新。
现在我要做条件
如果用户选择的区域值已经在列表列表中了。 我必须显示警报(“用户选择的区域已经在列表中”);
如果用户选择的区域值不在li项目中,则必须将区域值添加到li项目中。
这里的示例代码-(我在“区域”中获得的用户选择的区域状态值)
var regionList = new Array('Alaska','Alabama','Arkansas','Arizona', etc....) /* sample array*/
if( li item text value == arrayvalue) /*exact condition statement I want*/
{
alert("user selected region already in the list")
}
else
{
$('<li>' + region + '</li>').appendTo('ul#location-selected');
}
<ul id="location-selected" style="font-weight:bold;width:350px;padding-top:15px;color:red;"></ul>
请帮助我完成此操作。
var ul = document.getElementById('location-selected');
var lis = ul.getElementsByTagName('li');
for(var i = 0; i < lis.length; i++){
if(lis[i].innerHTML === region) {
isInList = true;
break;
}
}
if(isInList)
alert("user selected region already in the list")
else {
var newli = document.createElement('li');
newli.innerHTML = region;
ul.appendChild(newli);
}
jQuery的:
var ul = $('#location-selected');
var lis = ul.children('li');
var isInList = false;
for(var i = 0; i < lis.length; i++){
if(lis[i].innerHTML === region) {
isInList = true;
break;
}
}
if(isInList)
alert("user selected region already in the list")
else
var newli = $('<li></li>').html(region).appendTo(ul);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.