Question

我有这个脚本，我想在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>

HTML code：

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

我想得到像jws1这样的值，并检查PHP。

Answer 1

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

jsfiddle：http://jsfiddle.net/KTq6y/1/

Answer 2

要让PHP能够对HTML表单数据执行任何操作，您必须将其提交给PHP。

您可以自己提交表单，也可以使用AJAX传递jws1的值并从结果中构建选项。 Jquery非常适合做这种事情，你要做的就是将你的AJAX请求的数据类型设置为HTML，并将“success”回调中的数据分配到你的目标下拉列表。

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

2 个答案: