我首先使用3个选项值。当我选择其中一个值时,我希望它记住我选择的那个值,一旦按下我的按钮,javascript就会打开一个特定的URL。
一些代码示例。
<select id="dd-files">
<option value="asdf">Pick:</option>
<option value="url1">File1</option>
<option value="url2">File2</option>
<option value="url3">File3</option>
</select>
</section>
</div>
<br>
<div class="modal-footer">
<a class="btn btn-primary get-data" href="#">Button</a>
</div>
javascript 这个javascript只是为了知道它是如何工作的,所以我只是测试了它。
$(".get-data").on("click",function() {
var location = 'http://hardcodedurl.com';
window.open(location);
然后我有另一个功能,当我选择一个选项值时,存储它并直接打开它,但不是直接打开它,我希望我的第二个脚本只是打开我的按钮“.get-data”是按压。
$(function () {
$('#dd-files').on('change', function() {
debugger;
var url = $(this).val();
if (url) {
window.location = url;
}
return false;
})
})
对新手有什么建议吗?
答案 0 :(得分:1)
不清楚为什么需要on('change')
事件。要在按下按钮时将其打开,您只需要这样的内容:
$(".get-data").on("click",function() {
var location = $('#dd-files').val();
if(location) {
window.open(location);
}
}
直接从#dd-files
获取网址。