URLにオプションの値を追加するには

Question

私は電卓税を手掛けています。

URL値にリダイレクトされた選択値を受け取りたいので、たとえば自分が選択した値へのリンクを誰かに送信できるようになりました。したがって、それらを再び設定する必要はありませんあなたがリンクを開始するときに持っていた。

http://kalkulator.atrocki.pl/calculator/index.html

<div class="styled-select"> 
     <h1>Vat</h1> 
     <select id="vat"> 
     <option value='0'>0%</option> 
     <option value='0.08'>8%</option> 
     <option value='0.23'>23%</option> 
     <option value="other">Add another VAT value..</option> 
    </select> 
     <input type="text" class="vatInput" id="vatInputId" placeholder="Vat w %"> 
    </div> 
    <div class="styled-select"> 
     <h1>tax 2</h1> 
     <select id="tax"> 
       <option value="0">0%</option> 
       <option value='0.18'>18%</option> 
       <option value='0.19'>19%</option> 
       <option value='0.32'>32%</option> 
       <option value="other">Add another TAX value..</option> 
      </select> 

Answer 1

JavaScriptが何のクエリ文字列パラメータを処理するための機能に組み込まれていません。

これは、サーバーで使用しているバックエンド言語を使用すると非常に簡単です。あなたは絶対にJavaScriptでこれを行う必要がある場合

、この質問を確認してください。

How to get the value from the GET parameters?

Answer 2

あなたは、あなたがしたいキーと値のペアを探して、素敵なオブジェクトにクエリ文字列を解析することができます。

function parseQuery() { 
    var query = {}; 

    var indexOfQ = window.location.href.indexOf("?"); 

    if (indexOfQ < 0) 
     return null; 

    var a = window.location.href.substr(indexOfQ + 1).split('&'); 
    for (var i = 0; i < a.length; i++) { 
     var b = a[i].split('='); 
     query[decodeURIComponent(b[0])] = decodeURIComponent(b[1] || ''); 
    } 
    return query; 
} 

function loadQueryString() { 

    var query = parseQuery(); 

    if (!query) return; 

    if (typeof query['val'] !== 'undefined') { 
     var newSelection = $("<option>", { value: query['val'], text: (Math.floor(parseFloat(query['val']) * 100)) + '%'}); 
     $('select').prepend(newSelection); 
    } 
} 

loadQueryString();