Кто-нибудь знает, как автоматически выбрать параметр из <Li>Javascript HTML - PullRequest
Новая
       14

Кто-нибудь знает, как автоматически выбрать параметр из <Li>Javascript HTML

0 голосов
/ 29 апреля 2018

Вот элемент, который я получил с сайта

Я хочу создать скрипт, который я могу использовать для автоматического выбора размера (например, 12). 

<div class="select-size select-size-detail" id="sizeOptions" style="display: block;">
<div></div>
<ul class="select-box-size">                                                        
<li currupc="00886737650974">6.5</li>
<li currupc="00886737650981">7</li>
<li currupc="00886737659267">7.5</li>
<li currupc="00886737659274">8</li>
<li currupc="00886737659281">8.5</li>
<li currupc="00886737659304">9</li>
<li currupc="00886737659328">9.5</li>
<li currupc="00886737659335">10</li>
<li currupc="00886737659342">10.5</li>
<li currupc="00886737659359">11</li>
<li currupc="00886737659397">12</li>                                                        
</ul>
</div>
</div>

1 Ответ

0 голосов
/ 29 апреля 2018 

$('li').click(function(){
	$('li').each(function(){ $(this).css({'border-style':'none'}); });
	$(this).css({'border-style':'solid','border-width':'2px','border-color':'gray'});
	alert('Select '+$(this).text() );
});

function click_li_by_value(_value){
	$('li').each(function(){
		  var li_text=$(this).text();
		  if(li_text==_value){
		  	 $(this).click();
		  }
	});
}


click_li_by_value('12');  //or '11'  or  '10.5'
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>


<div class="select-size select-size-detail" id="sizeOptions" style="display: block;">
  <div>
   <ul class="select-box-size">
     <li currupc="00886737650974">6.5</li>
     <li currupc="00886737650981">7</li>
     <li currupc="00886737659267">7.5</li>
     <li currupc="00886737659274">8</li>
     <li currupc="00886737659281">8.5</li>
     <li currupc="00886737659304">9</li>
     <li currupc="00886737659328">9.5</li>
     <li currupc="00886737659335">10</li>
     <li currupc="00886737659342">10.5</li>
     <li currupc="00886737659359">11</li>
     <li currupc="00886737659397">12</li>
   </ul>
  </div>
</div>
...