[英]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.