2017-01-26 3 views
0

hinzufügen Ich arbeite an einer Rechnersteuer.Wie Option Wert zu URL

Ich wollte die ausgewählten Werte erhalten, die auf den URL-Wert umgeleitet wurden, so dass ich zum Beispiel jemandem einen Link zu den Werten schicken konnte, die ich gewählt habe, damit er sie nicht nochmal einstellen muss hatte, als Sie Link beginnen.

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> 
+1

Fügen Sie die Werte als URL-Parameter ('? Value1 = 1') hinzu und verwenden Sie Javascript, um das Formular automatisch mit den angegebenen Werten zu füllen. – Antony

+0

Antony Könntest du mir ein Beispiel geben? –

Antwort

1

JavaScript hat keine Parameter für den Umgang mit Query-String in Funktion gebaut.

Es ist sehr einfach, dies mit der Back-End-Sprache zu tun, die Sie auf Ihrem Server verwenden.

Wenn Sie unbedingt das mit Javascript tun müssen, überprüfen Sie diese Frage:

How to get the value from the GET parameters?

+0

Offensichtlich können wir die Abfragezeichenfolge in JavaScript mit eingebauten Funktionen zugreifen. Meinst du, dass die Abfrage-String-Behandlung dieser Art normalerweise am Back-End statt am Front-End erfolgt? Die Aussage "JS hat nichts" ist etwas irreführend. – GantTheWanderer

+1

@GantTheWanderer Was ich meinte ist, dass es keine integrierte _function_ zu Abfrage String-Parameter gibt. Sie können Ihre eigene Funktion mit eingebauten Funktionen erstellen, wie in der Frage, die ich erwähnte oder in Ihrer eigenen Antwort. Entschuldigung, wenn ich nicht klar genug war. –

0

Sie können die Query-String in ein schönes Objekt analysieren, dann suchen Sie nach dem Schlüssel-Wert-Paar Sie wollen.

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