使用JQuery更改SRC的选择
Use JQuery to Change SRC on Selection
我正试图根据从下拉菜单中选择的选项更改img标签的src的一部分。这就是我现在的处境。我正试图根据选择的内容向NED收取ALG或ARG费用。
page.php
<div>
<img src="http://img.fifa.com/images/flags/4/ned.png" class="tinyimg">
</div>
<div>
<select class="usernation form-control input-lg">
<option disabled selected>Choose a Team</option>
<option value="alg">Algeria</option>
<option value="arg">Argentina</option>
</select>
</div>
header。php
$(document).ready(function(){
$(".usernation").change(function(){
// Code to Change
});
});
谢谢
$(".usernation").change(function() {
$(".tinyimg").attr("src", "http://img.fifa.com/images/flags/4/" + $(this).val() + ".png");
});
相关文章:
- 下拉选择可自动更改第二个下拉选择
- 如何使用jQuery选择下拉列表的值
- 获取 HTML 5 音频控制文件位置并在不使用 id 选择器的情况下更新 src
- 通过选择框“选项”更改 Iframe SRC
- 在选择IMG SRC并在文本字段中显示时出现问题
- 加载 Iframe src,并从水平下拉菜单中进行选择
- jQuery src 选择器问题
- 选择具有特定 src 且没有 alt 标记的所有图像元素
- 如何选择所有具有带有一些特定 src 的儿童图像的 Div
- 如何根据图像的src来选择alt
- 未捕获的类型错误:无法设置属性'src'为null的..选择你自己的冒险
- 函数在iframe之间进行选择.SRC和frame.contentwindow.location
- Javascript img.从HTML中选择SRC
- 表单:选择设置img src
- 如何根据选择框中的选项值更改视频的src值
- 使用JQuery更改SRC的选择
- 如何使用jQuery通过src属性选择iframe
- 使用获得未定义值的$('img[src$=“变量中的图像源结束字符串”;]')选择图像
- 更改CSS样式表src on更改选择框
- 使用javascript为iframe SRC选择菜单