2015-09-11 149 views
0

下拉菜单,当选择下拉项目时,我需要它下载基于高级自定义字段值的页面。Javascript下载项目从下拉菜单

代码:

<select name="download" onChange="download(this.value)"> 
    <option value="0">Select template to download</option> 
    <option value="<?php the_field('download_template_1_link', 'option'); ?>"><?php the_field('download_template_1_title', 'option'); ?></option> 
    <option value="<?php the_field('download_template_2_link', 'option'); ?>"><?php the_field('download_template_2_title', 'option'); ?></option> 
    <option value="<?php the_field('download_template_3_link', 'option'); ?>"><?php the_field('download_template_3_title', 'option'); ?></option> 
    <option value="<?php the_field('download_template_4_link', 'option'); ?>"><?php the_field('download_template_4_title', 'option'); ?></option> 
    <option value="<?php the_field('download_template_5_link', 'option'); ?>"><?php the_field('download_template_5_title', 'option'); ?></option> 


    <script> 
     function download(val) { 
      window.location 
     } 
    </script> 



</select> 
+0

那你试试?你可以发布更多的JS? – Lauromine

+0

就是这样。我的问题是我需要将window.location设置为在下拉列表中选择的值 – JoeCia

回答

0

用window.location.href去下载页面。

<script> 
    function download(val) { 
     window.location.href = val; 
    } 
</script> 
+0

感谢adisak它的工作! – JoeCia

0

function download(url) { 
 
    if (url.length !== 0) { 
 
    window.location.href = url; 
 
    } 
 
}
<select onChange="download(this.value)"> 
 
    <option value="">-- Select --</option> 
 
    <option value="http://apple.com">Apple</option> 
 
    <option value="http://bing.com">Bing</option> 
 
</select>