javascript - django - 无法将选定的标签传递到js(ajax代码)

Question

我的选择.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>

这是 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();
}

如何将用户选择传递给 onclick="loadDoc2()"？

Answer 1

你可以做类似的事情

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>

选择上的.value将获取所选值