我'我想让我的src路径与外部ID结合<select>标签
I'd like to make my src path with an external ID combined by <select>tags
<div id="select box" align="center">
<select class="combine" id="yy" name="Year">
<option value="16">2016</option>
<option value="15">2015</option>
<option value="14">2014</option>
<option value="13">2013</option>
<option value="12">2012</option>
</select>
<select class="combine" id="ff" name="Field">
<option value="IR">IR 국제정치학</option>
<option value="IL">IL 국제법</option>
<option value="WTO">WTO 국제경제법</option>
<option value="IG1">IG1 통합논술I</option>
<option value="IG2">IG2 통합논술II</option>
</select>
<select class="combine" id="pp" name="PB#">
<option value="first">제1문</option>
<option value="second">제2문</option>
<option value="thrid">제3문</option>
<option value="fourth">제4문</option>
</select>
</div>
<div align= "center">
<input type="text" id="IDF" name="slot_identifier" value="" />
</div>
<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
$(document).ready(function(){
$('.combine').on('change', function(){
var slot_identifier = $('#yy').val() + '_' + $('#ff').val() + '_' + $('#pp').val();
$('#IDF').val(slot_identifier);
});
});
</script>
上面是我的标签。我有三个选择标签,我让它出来的结果被分配给"slot_identifier"。我要把它传递到src路径嵌入pdf文件。如下图所示。
<iframe id="iframepdf" src="slot_identifier.pdf"></iframe>
我有几个pdf文件,如"16_IR_first.pdf"在同一个文件夹与index.html。
我如何将上述组合slot_identifier传递给src名称?
// under
$('#IDF').val(slot_identifier);
// add this
$('#iframepdf').attr('src', slot_identifier + '.pdf');
相关文章:
- 如何将HTML id分配给元素,以及如何将JavaScript应用于元素
- javascript结合了数组和字典
- difference between '$(<%= DDL.ID %>) & $('
- 使用Javascript获取所选选项ID
- 将Firebase与Electron结合使用
- 结合jQuery和jetpack无限滚动
- 根据id将json数组组合为一个json数组
- 是否有一个JS/jQuery函数可以获取某个类的每个元素的ID
- 对id以某个字符串开头的元素进行计数
- 将Angular js与taglib结合使用
- 如果元素's的ID以数字开头
- 将图像上传ajax与表单提交ajax相结合
- 通过id和class属性获取元素
- 根据选项卡内部的文本链接中的哈希ID动态选择jqueryUI选项卡
- 使用当前日期生成随机id
- Javascript-ID冲突的几率
- 如何结合使用锚标记和routeParams来按ID获取JSON
- 为什么敲除结合通过跨度元件's id而不是锚点元素's的id
- 结合PHP和jQuery循环图片,匹配id,并在幻灯片中输出图像
- 我'我想让我的src路径与外部ID结合