Javascript-форум - Простой динамический список

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Простой динамический список (https://javascript.ru/forum/dom-window/37463-prostojj-dinamicheskijj-spisok.html)

Цитата:

Сообщение от рони (Сообщение 258584)

а что мешает подставить 1 +" вариант" и не менять в селекторе ничего

вначале не понял, что вы имели ввиду
чё то в голову не приходит как подставить, помогите плз

1baddog1,
сделайте селектор с кавычками в значении и вытащите цифру в скрипте так будет проще.

Цитата:

Сообщение от рони (Сообщение 258596)

1baddog1,
сделайте селектор с кавычками в значении и вытащите цифру в скрипте так будет проще.

в java совсем чайник, с кавычками понятно. Уже голову сломал. Подскажите плиз как от цифр избавится

Цитата:

Сообщение от 1baddog1 (Сообщение 258609)

в java совсем чайник, с кавычками понятно. Уже голову сломал. Подскажите плиз как от цифр избавится

цифры заменил текстом, но так не красиво смотрится....)

Цитата:

Сообщение от 1baddog1

Подскажите плиз как от цифр избавится

моя твоя непонимать ... код на выходе -- html пусть нерабочий

Цитата:

Сообщение от рони (Сообщение 258619)

моя твоя непонимать ... код на выходе -- html пусть нерабочий

Ещё раз спасибо, вывернул мозги и разобрался.

Подскажи, думаю простой вопрос
У меня для текста есть класс стиля (class="nameclass")

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

<style>
.div2 {
 display: none ;
}
</style>
<style>
.div3 {
 display: none ;
}
</style>

Прописать class:nameclass; не канает)

Целиком

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<style>
.div2 {
 display: none ;
}
</style>
<style>
.div3 {
 display: none ;
}
</style>
<select onchange="change(this.value);">
<option value=1 selected>1 вариант</option>
<option value=2>2 вариант</option>
<option value=3>3 вариант</option>
</select>
<div class="div1"><input type="checkbox" value="Курс 1" />Курс 1<br /></div>
<div class="div1"><input type="checkbox" value="Курс 2" />Курс 2<br /></div>
<div class="div1"><input type="checkbox" value="Курс 3" />Курс 3<br /></div>
<div class="div2"><input type="checkbox" value="нКурс 1" />нКурс 1<br /></div>
<div class="div2"><input type="checkbox" value="нКурс 2" />нКурс 2<br /></div>
<div class="div2"><input type="checkbox" value="нКурс 3" />нКурс 3<br /></div>
<div class="div3"><input type="checkbox" value="ннКурс 1" />ннКурс 1<br /></div>
<div class="div3"><input type="checkbox"value="ннКурс 2" />ннКурс 2<br /></div>
<script>
var divs = document.querySelectorAll(".div1, .div2, .div3") ;
function change(i) {
 var nodeList = divs,
 l = nodeList.length ;
 while(l--)
 nodeList[l].style.display = "none" ;
 nodeList = document.querySelectorAll(".div"+i) ;
 l = nodeList.length ;
 while(l--)
  nodeList[l].style.display = "block" ;
} ;
</script>

</body>

</html>

1baddog1,
посмотрите внимательно стили, скрипт и селектор. это для примера.

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
</head>

<body>
<style>
.div1,.div2,.div3  {
 display: none ;
  background: #fc0; /* Цвет фона */
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */
    padding: 10px;
}

</style>
<select onchange="change(this.value);">
<option value='1 вариант' selected>1 вариант</option>
<option value='2 вариант'>2 вариант</option>
<option value='3 вариант'>3 вариант</option>
</select>
<div class="div1"><input type="checkbox" value="Курс 1" />Курс 1<br /></div>
<div class="div1"><input type="checkbox" value="Курс 2" />Курс 2<br /></div>
<div class="div1"><input type="checkbox" value="Курс 3" />Курс 3<br /></div>
<div class="div2"><input type="checkbox" value="нКурс 1" />нКурс 1<br /></div>
<div class="div2"><input type="checkbox" value="нКурс 2" />нКурс 2<br /></div>
<div class="div2"><input type="checkbox" value="нКурс 3" />нКурс 3<br /></div>
<div class="div3"><input type="checkbox" value="ннКурс 1" />ннКурс 1<br /></div>
<div class="div3"><input type="checkbox"value="ннКурс 2" />ннКурс 2<br /></div>
<script>
var divs = document.querySelectorAll(".div1, .div2, .div3") ;
function change(i) {
 i = parseFloat(i);
 var nodeList = divs,
 l = nodeList.length ;
 while(l--)
 nodeList[l].style.display = "none" ;
 nodeList = document.querySelectorAll(".div"+i) ;
 l = nodeList.length ;
 while(l--)
  nodeList[l].style.display = "block" ;
} ;
change(1)
</script>

</body>

</html>

Спасибо!!!! получилось, что я хотел!

Цитата:

Сообщение от рони (Сообщение 258619)

моя твоя непонимать ... код на выходе -- html пусть нерабочий

<p><label for="uchilsya" class="blocktitle2">Вопрос?</label></p>
<p><input type="radio" name="oldschool[]" value="Да" eform="Проверка выбора инпутов::1:" onclick="if(this.checked){document.getElementById('nextSibling').style.display='inline-block'}else {document.getElementById('nextSibling').style.display='none';  document.getElementById('nextSibling').value='';}" class="blocktitle2"><label for="uchda" class="blocktitle2">Да</label>
<input type="text" size="33" name="kakiekurse" placeholder="Вопрос при выборе Да" style="display: none;" id="nextSibling">
<br/>
<input type="radio" name="oldschool[]" value="Нет" onclick="if(this.checked) {document.getElementById('nextSibling').style.display='none'; document.getElementById('nextSibling').value='';}"><label for="uchnet" class="blocktitle2">Нет</label><br/></p>

Подскажите пожалуйста, а то уже мозг вывернулся на изнанку)
как сделать проверку заполнения поля:

<input type="text" size="33" name="kakiekurse" placeholder="Вопрос при выборе Да" style="display: none;" id="nextSibling">

<form action="/">
<input type="text" size="33" name="kakiekurse" placeholder="Вопрос при выборе Да" required="true" />
<button type="submit">Заслать</button>
</form>