django - kippe ausgewählten Tag in js (Ajax-Code) übergeben

Question

Mein selection.html:

<input type="submit" onclick="loadDoc2()" value="continue" style="height:50px;"> 

<select style="direction: rtl;width:200px;height:50px;"> 
    {% for item in items %} 
     <option class="shahr-options" value="{{ item.shahr }}"> {{ item.shahr }}</option> 
    {% endfor %} 
</select> 

Und das ist script2.js:

function loadDoc2(shahr) { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (xhttp.readyState == 4 && xhttp.status == 200) { 
     document.getElementById("ajax").innerHTML = xhttp.responseText; 
    } 
    }; 
    xhttp.open("GET", "/boxes=" + shahr, true); 
    xhttp.send(); 
} 

Wie ich den Benutzer Wahl in onclick="loadDoc2()" passieren kann ?

Answer 1

Sie können wie etwas tun, dass

function loadDoc2(value) { 
 
    alert(value); 
 
}

<input type="submit" onclick="loadDoc2(document.getElementById('shahr-select').value)" value="continue" style="height:50px;"> 
 

 
<select id="shahr-select" style="direction: rtl;width:200px;height:50px;"> 
 
    <option class="shahr-options" value="1">first</option> 
 
    <option class="shahr-options" value="2">second</option> 
 
    <option class="shahr-options" value="3">third</option> 
 
</select>

die .value ein ausgesuchtes wird der ausgewählte Wert