如何向url添加选项值

时间:2017-01-26 18:37:10

标签: javascript jquery url parameters

我正在计算计算器税。

我想收到被重定向到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>

2 个答案:

答案 0 :(得分:1)

JavaScript没有用于处理查询字符串参数的内置函数。

使用您在服务器中使用的任何后端语言来执行此操作非常容易。

如果您绝对必须使用Javascript执行此操作,请检查此问题:

How to get the value from the GET parameters?

答案 1 :(得分:0)

您可以将查询字符串解析为一个漂亮的对象,然后查找所需的键值对。

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();