使用javascript更改图像src
我有2个名为“章节”和“问题”的下拉列表。 “问题”将根据“章节”列表动态变化。 这部分效果很好。 我想根据“问题”列表更改图像src。 所以这是代码。
使用以下javascript
function go(){ if (document.ga_naar_rooster.pickem.options[document.ga_naar_rooster.pickem.selectedIndex].value != "none") { location = document.ga_naar_rooster.pickem.options[document.ga_naar_rooster.pickem.selectedIndex].value } } function setOptions(chosen){ var selbox = document.book.question; selbox.options.length = 0; if (chosen=="0"){ selbox.options[selbox.options.length] = new Option('Select question',' '); } if (chosen == "1"){ selbox.options[selbox.options.length] = new Option('question 1','11'); selbox.options[selbox.options.length] = new Option('question 2','12');} if (chosen == "2"){ selbox.options[selbox.options.length] = new Option('question 3','22');}} $(document).ready(function() { $("#question").change(function() { var nameholder= $("#question").val(); write (nameholder); $('#imageholder').attr('src', nameholder + ".png"); $('#imageholder-text').text(nameholder + ".png"); // For test purposes }); })
代码附在此处: http : //jsfiddle.net/L8ur6/基于“问题”列表更改src的function根本不会更改src。 有人能给我一些光明吗? 谢谢。
为您的问题选择标记提供正确的ID。
删除并替换下面的行。
尝试以下代码
给id选择标签就像
和正确的代码如下
$(document).ready(function() { $("#question").change(function() { var nameholder= $("#question").val(); write (nameholder); $('#imageholder').attr('src', nameholder + ".png"); $('#imageholder-text').text(nameholder + ".png"); // For test purposes }); })