Создать div с помощью массива
У меня есть массив строк, я хочу показать каждый элемент массива в своем собственном теге <div>, например
<div "class">one</div><div class"two">one</div> и каждый тег div должны иметь общий для всех класс. Все процессы запускаются по нажатию кнопки
КОД КНОПКИ
<asp:Button OnClientClick = "abc();" runat = "server" />
ФУНКЦИЯ JAVASCRIPT
function abc()
{
debugger;
var arrayVariable = "one,two,three";
var arrayLength = arrayVariable.length;
var temp;
for (i = 0; i < arrayLength; i++) {
temp = document.createElement('div');
temp.className = 'results';
temp.innerHTML = arrayVariable[i];
$('#inputcomshow').append(temp);
//document.getElementById("#inputcomshow").value = replaced
}
}
Массивы определяются с помощью []. Итак, определите свой массив var arrayVariable = ['one', 'two', 'three'];
@sudhir ojha Я признал, что форматирование массива ['one', 'two', 'three'] нормально, но у меня такая же проблема
@CBroe i палочка, чтобы показать эти элементы, как один, два, три, показаны в <div class = "classname"> <div class = "a"> один <div> <div class = "a"> два <div> <div > форматировать
Разве я не сказал вам, что только «Я хочу» - это правильное описание проблемы нет? Тогда зачем ты это повторяешь? Приложите реальные усилия, чтобы объяснить, какой у вас сейчас проблема, пожалуйста.
@CBroe никто, имеет, не должен делать то, что вы им говорите, и при этом им не нужно менять способ обращения за помощью. Вы понятия не имеете о предыстории ОП. Возможно, английский - не их родной язык, и эквивалент слова «я хочу» на их родном языке может быть подходящей просьбой о помощи?
@ ItamarG3 не волнуйтесь, она новичок, узнает больше и будет хорошо, все проходят этот этап здесь
@ ItamarG3, даже если это был «соответствующий запрос о помощи», он все равно не делает его описанием проблемы.
@CBroe Я проясню свой смысл: не было необходимости в саркастическом тоне в «Разве я только что не говорил тебе, что ...». Немного терпения может помочь новичку пройти долгий путь.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 3
Сначала вам нужно преобразовать строку в массив. Использовать это:
function abc()
{
debugger;
var stringVariable = "one,two,three"; // string
var arrayVariable = stringVariable.split(","); // now string to array
var arrayLength = arrayVariable.length;
var temp;
for (i = 0; i < arrayLength; i++) {
temp = document.createElement('div');
temp.className = 'results';
temp.innerHTML = arrayVariable[i];
$('#inputcomshow').append(temp);
//document.getElementById("#inputcomshow").value = replaced
}
return false;
}
Спасибо за помощь, но я уже пробовал это, но проблема в том, что он нестабилен, я имею в виду, что он показывает, когда нажимаете кнопку на секунду, а затем автоматически скрываете это ??
@aparnarai вы видите добавленный html на странице, может быть, он скрыт каким-то css
хорошо, не могли бы вы дать еще один ответ на этот вопрос? как добавить еще один <span class = ""> </span> с этим div>, например <div id = "inputcomshow"> <div class = "results"> <span class = "res"> x <span> < / div> </div>
@aparnarai вы можете просто обновить как temp.innerHTML = arrayVariable [i] + '<span class = "res"> x </span>';
Попробуйте использовать меньшее количество переменных и чистый javascript, потому что вы использовали только однострочный код jQuery $('#inputcomshow').append(temp);.
function abc(){
var arrayVariable = "one,two,three";
arrayVariable = arrayVariable.split(',');
for (i = 0; i < arrayVariable.length; i++) {
temp = document.createElement('div');
temp.className = 'results';
temp.innerHTML = arrayVariable[i];
document.getElementById("inputcomshow").appendChild(temp);
}
}
Использовать это
<asp:Button OnClientClick = " javascript:return abc();" runat = "server" />
<script>
function abc() {
debugger;
var stringVariable = "one,two,three"; // string
var arrayVariable = stringVariable.split(","); // now string to array
var arrayLength = arrayVariable.length;
var temp;
for (i = 0; i < arrayLength; i++) {
temp = document.createElement('div');
temp.className = 'results';
temp.innerHTML = arrayVariable[i];
$('#inputcomshow').append(temp);
//document.getElementById("#inputcomshow").value = replaced
}
return false;
}
</script>
Спасибо за ответ. Не могли бы вы ответить еще на этот вопрос? как добавить еще один <span> с этим div
Просто указать, что вы хотите или что вам нужно, - не лучший вопрос для этого сайта. Вам необходимо описать нам, с чем конкретно у вас возникли проблемы. Пожалуйста, прочтите Как спросить.