[英]How to show list items got selected in javascript
我有許多列表項,如運動、音樂、舞蹈等。我也有與它們相關的圖像。 我想要做的是,當我點擊體育圖片時,看到的列表項“體育”被選中。 我是 Java 腳本的初學者,不明白如何使這成為可能。
這應該是解決您的信息缺失問題的有效方法。 我寫這篇文章是為了向您展示它是如何工作的,以便您可以根據您的代碼調整我的解決方案。
JS:
$('img').click(function() {
match = $(this).attr("match");
$('select').val(match);
}
HTML:
<img src="1.jpg" match="sport"/>
<img src="2.jpg" match="dance"/>
<select name="list" value="">
<option value="sport">Sport</option>
<option value="dance">Dance</option>
</select>
在這里你可以看到jsfiddle: https ://jsfiddle.net/1Lw2gupj/2/
使用 Javascript 你可以這樣做,你可以在這里找到 jsbin
JS
(function(){
var hobby=document.getElementById('hobby');
var list=document.getElementById('imageCollection');
list.addEventListener('click',function(event){
hobby.value=event.target.name;
},true);
})();
HTML
<select name="hobby" id="hobby">
<option value="sports">Sports</option>
<option value="dance">Dance</option>
<option value="music">Music</option>
</select>
<ul id="imageCollection">
<li><img src="sports.jpg" alt="Sports" name="sports" />
</li>
<li><img src="dance.jpg" name="dance" alt="Dance" />
</li>
<li><img src="music.jpg" name="music" alt="Music" />
</li>
</ul>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.