具有选项值使用的HTML和js

时间:2013-01-29 07:54:06

标签: javascript html

我首先使用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;
  })
})

对新手有什么建议吗?

1 个答案:

答案 0 :(得分:1)

不清楚为什么需要on('change')事件。要在按下按钮时将其打开,您只需要这样的内容:

$(".get-data").on("click",function() {
  var location = $('#dd-files').val(); 
  if(location) {
     window.open(location);
  }
}

直接从#dd-files获取网址。