使用javascript和php的相关下拉列表

使用javascript和php的相关下拉列表,php,javascript,html,Php,Javascript,Html,我有这个脚本,我想在PHP中获得下拉选择列表的值,并检查if(jws1!=“”),然后使用for循环在第二个下拉框中显示1到10的值 JavaScript代码: <script language="javascript" type="text/javascript"> function test() { var e = document.getElementById("JWSections"); var Sections = e.options[e.selectedIndex].v

我有这个脚本,我想在PHP中获得下拉选择列表的值,并检查if(jws1!=“”),然后使用for循环在第二个下拉框中显示1到10的值

JavaScript代码:

<script language="javascript" type="text/javascript"> 
function test()
{
var e = document.getElementById("JWSections");
var Sections = e.options[e.selectedIndex].value;
alert(Sections);
}
</script>

功能测试()
{
var e=document.getElementById(“JWSections”);
var Sections=e.options[e.selectedIndex].value;
警报(部分);
}
HTML代码:

<select name="JWSections" id="JWSections" onchange="test();">
  <option value="">Select Sections</option>
  <option value="jws1">Section 1.1</option>
  <option value="jws2">Section 1.2</option>
  <option value="jws3">Section 1.3</option>
  <option value="jws4">Section 1.4</option>
</select>

选择部分
第1.1节
第1.2节
第1.3节
第1.4节
我想得到像jws1一样的值,然后签入PHP。


<select name="JWSections" id="JWSections" onchange="test(this);">
    <option value="">Select Sections</option>
    <option value="jws1">Section 1.1</option>
    <option value="jws2">Section 1.2</option>
    <option value="jws3">Section 1.3</option>
    <option value="jws4">Section 1.4</option>
</select>

<select name="JWSections" id="secondDropDown"> </select>

<script language="javascript" type="text/javascript"> 
function test(dropdown)
{
    var selectedjws = dropdown.options[dropdown.selectedIndex].value;
    var secondDropDown = document.getElementById('secondDropDown');
    $.post('path', { selectedjws : selectedjws }, function(key, value){
         // Remove all options from second dropdown
         for(var i = 0; i < secondDropDown.options.length; i++){
             secondDropDown.remove(i);
         }
         // Add options by key value pair returned from server
         secondDropDown.add(new Option(value, key))
    });
}
</script>
选择部分 第1.1节 第1.2节 第1.3节 第1.4节 功能测试(下拉) { var selectedjws=dropdown.options[dropdown.selectedIndex].value; var secondDropDown=document.getElementById('secondDropDown'); $.post('path',{selectedjws:selectedjws},函数(键,值){ //从第二个下拉列表中删除所有选项 对于(变量i=0;i

jsfiddle:

为了让PHP能够处理HTML表单数据,您必须将其提交给PHP


您可以提交表单本身,也可以使用AJAX传递jws1的值,并根据结果构建选项。Jquery在这方面做得非常好,您所要做的就是将AJAX请求的数据类型设置为HTML,并将“success”回调中的数据分配到目标下拉列表中。

我只想在php中获取javascript变量,如see alert(部分);然后检查第二个下拉列表。。