0

私は最初に3つのオプション値を持つaを持っています。値の1つを選択するとき、選択した値を記憶しておく必要があります。ボタンを押すと、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);

次に、別の関数があります。1つのオプション値を選択して保存し、直接開きますが、直接開くのではなく、ボタン「.get-data」を押したときに2番目のスクリプトを開くだけにします。

$(function () {
  $('#dd-files').on('change', function() {
    debugger;
    var url = $(this).val();
    if (url) {
      window.location = url;
    }
    return false;
  })
})

初心者へのアドバイスはありますか？

4

1 に答える 1

1

Not clear why do you need on('change') event. To make it open when button is pressed, you just need something like this:

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

Just take an url from #dd-files directly.

于 2013-01-29T08:01:04.217 に答える