Форуми / National / Russian / как добавить class="xxx" или id="xxx" к checkbox и option селекта(ов) в структуре

foxss
#1 16.04.2017 20:43

пример:

это надо для скрипта "Открыть или скрыть блок при выборе чекбокса"

мне надо реализовать - пользователь может выбрать раздел "еда" или "вещи"

и далее выбрать подраздел выбранного раздела

Все что "Добавлено 50 минут спустя:" это я погорячился так-как нашел варинт реализации вообще без скриптов, см. пример раз http://jsfiddle.net/lega911/wRL9k/ и два

HTML

<div al-app>
  <select al-value="value">
       <option>One</option>
       <option>Two</option>
       <option>Three</option>
  </select><br><br><br><br><br><br>
  <div class="z" al-class="display: value=='Two', display1: value=='Three'">Lorem ipsum...</div>
</div>

CSS

.z {
	display:none;
}.display {
	display:block;
}.display1 {
	display:none;
}

Добавлено 50 минут спустя:

сам спросил, сам ответил))

определять можно по value

пример на jquery

<tr>
   <td>{PHP.L.Category}:</td>    
   <td>{USERS_PROFILE_CAT}</td>
					</tr>
<tr id="hide" style="display:none;">   
   <td>{PHP.L.Groupsmembership}:</td>  
   <td>{USERS_PROFILE_GROUPS}</td><!-- в переменной есть чекбокс с value="consulting" -->
</tr>
						<script type="text/javascript">
$(document).ready(function(){
 $("input[value='consulting']").change(function(){

  if ($(this).attr("checked")) {
      $('#hide').fadeIn().show();
      return;
  } else {
      $('#hide').fadeOut(300); 
  }

 });
})
</script>
Селектор Описание Пример
Атрибут Выбирает элемент(ы), которые содержат определенный атрибут вне зависимости от значения атрибута. $("div[attributeName]")
Атрибут равен Выбирает элемент(ы), которые содержат заданный атрибут с заданным значением. $("div[attributeName='value']")
Атрибут не равен Выбирает элемент(ы), которые не содержат заданного атрибута или сожержат заданный атрибут, но его значение не соответствует заданному. $("div[attributeName!='value']")
Атрибут начинается с Выбирает элемент(ы), которые содержат заданный атрибут, у которого значение начинается с заданной строки. $("div[attributeName^='value']")
Атрибут заканчивается Выбирает элемент(ы), которые содержат атрибут, у которого значение заканчивается заданной строкой. $("div[attributeName$='value']")
Атрибут содержит Выбирает элемент(ы), который содержит атрибут, у которого значение содержит заданную строку. $("div[attributeName*='value']")
Атрибут содержит слово Выбирает элемент(ы), который содержит атрибут, у которого значение содержит заданное слово. "Слово" - это последовательность символов без пробелов. $("div[attributeName~='value']")
Атрибут содержит префикс Выбирает элемент(ы), который содержит атрибут, у которого значение либо равно заданной строке, либо начинается с заданной строки с последующим дефисом. $("div[attributeName|='value']")

Вы можете комбинировать селекторы атрибутов для сужения области выбора. Например:

1 // Выбираем только те изображения, которые имеют ширину 300 px и высоту 200 px
2 var selectedImages = $("img[width=300][height=200]");

здесь http://ruseller.com/lessons.php?id=682 все подробно расписано


Відредаговано: foxss (17.04.2017 00:36, 7 років тому)