Question

我有这些条件删除列表按预期在屏幕上运行，但我无法从下拉列表中获取选定值以在HTML表单中输出（如果我不包含javascript，我可以）。只有文本输入按照下面的xml结果输出（Company＆amp; Add1）。我希望xml包含第一个下拉列表中的Location，以及条件2nd下拉列表中选定的城市。

<body>
<form action="http://TESTPLANETPRESS:8080/ObtainQuote" method="GET" >
    <fieldset>
       <legend>Location</legend>
       <select id="country" class="source" onchange="updateSelectTarget()">
          <option value="England">England</option>
          <option value="France">France</option>
          <option value="Germany">Germany</option>
       </select>   
       <select id="England">
          <option value="Birmingham">Birmingham</option>
          <option value="Liverpool">Liverpool</option>
          <option value="London">London</option>
       </select>
       <select id="France" class="hidden">
          <option value="Lyon">Lyon</option>
          <option value="Marseille">Marseille</option>
          <option value="Paris">Paris</option>
       </select>
       <select id="Germany" class="hidden">
          <option value="Berlin">Berlin</option>
          <option value="Hamburg">Hamburg</option>
          <option value="Munich">Munich</option>
       </select>
       <label for="Company">Company:</label><input type="text" name="Company" value="Google">
   <label for="Add1">Add1:</label><input type="text" name="Add1" value="1 Nowhere Street">
    </fieldset>
    <input type="submit" value="Submit">
</form>
<script>
	function updateSelectTarget () {
	   var id = this.options[this.selectedIndex].value;
	   var targets = this.parentNode.getElementsByTagName("select");
	   var len = targets.length;
	   for (var i = len - 1; i > 0; --i) {
		  if (targets[i].id == id) {
			 targets[i].style.display = "block";
		  }
		  else {
			 targets[i].style.display = "none";
		  }
	   }
	}
	
	function initChangeHandler () {
	   var el = document.getElementById("country");
	   el.onchange = updateSelectTarget;
	   el.onchange();
	}
	window.onload = initChangeHandler;
</script>
</body>

当前XML结果，（不包括两个下拉列表的结果）。

<?xml version="1.0"?>

-<request type="GET">

<paths count="0"/>


-<values count="2">

<Company>Google</Company>

<Add1>1 Nowhere Street</Add1>

</values>

Answer 1

您想要value属性还是文本？基于Get selected value in dropdown list using JavaScript?（与第一部分类似），.value应适用于值属性，.text适用于所选文本。

此外，请提出两个不同的问题，而不是一个问题，其中嵌入了2个问题。

如何在HTML表单中提交下拉选项？

1 个答案: