Question

我目前正在构建一个小型报名表，用户将在该报表中输入业务单位类别下的子类别。在主要的PHP页面上有一个表。第一个提示用户通过下拉菜单选择业务单位。我有一个JS函数，它接受该值，并将其传递给另一个页面，然后提示用户进行另一个选择。用户可以选择添加子类别，或更新现有子类别。我想使用相同的onchange事件来发送第二个下拉列表中的值，以及从上一页传递的变量。请参阅下面的代码。

$get_bus=$_GET['bus_id'];
$get_cat=mysql_query("SELECT subcat_id, subcat_name FROM subcategories WHERE bus_id='{$get_bus}' ORDER BY subcat_name ASC");
$dept_count = mysql_num_rows($get_cat);

if($dept_count==true)
{
echo'
<select id="subcat" name="subcat" class="textinput1" style="width:175px; height: 25px;" tabindex="8" onchange="showSubCategoryThree(this.value);" onfocus="showSubCategoryThree(this.value);" >
<option value = "">Select </option>
<option value = "Add">Add Subcategory</option>
<optgroup label="Update Subcategory Name"></optgroup>
';
while(($cat =  mysql_fetch_assoc($get_cat)))
{
    echo '
    <option value="'.$cat['subcat_id'].'">'.$cat['subcat_name'].'</option>
    ';
}
echo '
</select>
</div>
';
}

以下是我当前的JavaScript代码。请告知是否可以发送$ get_bus以及this.value。

 function showSubCategoryThree(cat_id)
 {
 if (subcat_id=="")
 {
   document.getElementById("DeptContainer").innerHTML="";
   return;
 } 
 if (window.XMLHttpRequest)
 {// code for IE7+, Firefox, Chrome, Opera, Safari
   xmlhttp=new XMLHttpRequest();
 }
 else
 {// code for IE6, IE5
   xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
 }
 xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
 {
   document.getElementById("DeptContainer").innerHTML=xmlhttp.responseText;
 }
 }
 xmlhttp.open("GET","/includes/adminPages/selectCatDept.php?cat_id="+cat_id,true);
 xmlhttp.send();
 }

Answer 1

我建议您构建一个想要在后端使用的变量对象（例如数组）。

我还建议使用POST而不是GET，因为它（由于很多原因，包括在URL中轻松操作）更安全（没有高lvl SSL就没有足够的安全性，以及某些种类的验证）。

我通常使用jQuery和AJAX来执行此行为，类似这样的行为：

$.ajax(
{
    // Post select to url.
    type : 'post',
    url : 'url/script.php',
    dataType : 'json', // expected returned data format.
    data : 
    {
        'selectedValueOne' : value1, // the variable 1 you're posting.
        'selectedValueTwo' : value2 // the variable 1 you're posting.
    },
    success : function(data)
    {
         // Handle what happens after the success, you CAN parse the data object, if you returned an object to work with.
    },
    complete : function(data)
    {
        // do something, Optional.
    }
});

您可以在没有jQuery特定符号的情况下执行此操作。

在后端，您可以访问如下变量：

$var1 = isset($_POST['selectedValueOne']) ? $_POST['selectedValueOne'] : '';
$var2 = isset($_POST['selectedValueTwo']) ? $_POST['selectedValueTwo'] : '';

Answer 2

当然可以，将PHP更改为：

echo'
<select id="subcat" name="subcat" class="textinput1" style="width:175px; height: 25px;" tabindex="8" onchange="showSubCategoryThree(this.value,'.$get_bus.');" onfocus="showSubCategoryThree(this.value,'.$get_bus.');" >
<option value = "">Select </option>
<option value = "Add">Add Subcategory</option>
<optgroup label="Update Subcategory Name"></optgroup>
';

和javascript函数定义：

 function showSubCategoryThree(cat_id, get_bus_value) {

如何使用选择向JavaScript发送多个值？

2 个答案: