Стилизация option

[DivMan]

Добавил touchend и всё равно не работает

var listCity = document.querySelector(".styled-select");
			var showListCity = document.querySelector(".chooce-option");
			var cityValue = document.querySelector(".chooce-value");
			
			var select = document.querySelector(".list-city");
			var options = select.querySelectorAll("li");
	
	
		showListCity.addEventListener("touchstart", function(e){
			if(listCity.style.display != 'block') {
				listCity.style.display = 'block';
			}
			
			else {
				listCity.style.display = 'none';
			}
			
			options.forEach(function(item, i, arr) {
				options[i].addEventListener('touchstart', function(t){
					t.target.addEventListener('touchend', function(){
						console.log(t.target.getAttribute("data-value"))
						showListCity.value = t.target.innerHTML;
						cityValue.value = t.target.getAttribute("data-value");
						console.log(cityValue.value)
						listCity.style.display = 'none';
					})
					
				})
			});
		})

[DivMan]

спасите

[Rise]

DivMan,
посмотрел код

если несколько раз что-то выбрать, то консоль сильно захламляется

я уже писал + всплытие события

Изменил на touchstart

зачем, если меню открывается, значит click работает, дурень

[DivMan]

Почему-то на открытие меню работает, но не закрывается, и консоль уже не захламляется, я вынес тоо код

[Rise]

DivMan,
Метод NodeList.forEach() относительно новый, возможно твой мобильный браузер его не поддерживает. Ошибки можно ловить так:

try {
	var listCity = document.querySelector(".styled-select");
	var showListCity = document.querySelector(".chooce-option");
	var cityValue = document.querySelector(".chooce-value");
	var options = document.querySelectorAll("li");
	
	showListCity.addEventListener("click", function (e) {
		try {
			if (listCity.style.display != 'block') {
				listCity.style.display = 'block';
			} else {
				listCity.style.display = 'none';
			}
		} catch (e) {
			alert(e.name + ': ' + e.message + '\n' + e.stack);
		}
	})
	
	options.forEach(function (item, i, arr) {
		options[i].addEventListener('click', function (t) {
			try {
				console.log(t.target.getAttribute("data-value"))
				showListCity.value = t.target.innerHTML;
				cityValue.value = t.target.getAttribute("data-value");
				console.log(cityValue.value)
				listCity.style.display = 'none';
			} catch (e) {
				alert(e.name + ': ' + e.message + '\n' + e.stack);
			}
		})
	});
} catch (e) {
	alert(e.name + ': ' + e.message + '\n' + e.stack);
}

Три try потому что https://learn.javascript.ru/exception:

try..catch работает только в синхронном коде

[Rise]

DivMan,
Чтобы всё в одном месте было для удобства редактирования можно в функцию вынести:

try {
    // ...
} catch (e) {
    caught(e);
}

function caught(error) {
    alert(error.name + ': ' + error.message + '\n' + error.stack);
}