douyu7210
2013-05-26 11:18
浏览 62
已采纳

无法从选择框的onchange事件向javascript函数发送2个值

I am trying to write a code where in I am dynamically generating select box options. I need to send 2 values from this onchange event. 1 is the sub_header_id and other is the header_id. I need to send $row["header_id"] to the javascript function. Following is my PHP code. How do I do that? I don't want to send a concatenated string and then split it in javascript function.

<?php
    include('config.php');
    $sql = sprintf("SELECT * FROM retail_sub_headers");
    $result = mysql_query($sql);
    $num = mysql_num_rows($result);
    if ($num > 0)
    {
        echo "<form>";
        echo "<select id = \"my_select_box\" onChange = \"javascript:load_brand_option_box(this, 'populate_brands', '');\">";
        echo "<option selected value = \"-------\">-------</option>";
        while($row = mysql_fetch_array($result))
        {
            echo "<option value = ".$row["sub_header_id"].">".$row["sub_header_name"]."</option>";
        }
        echo "</select>";   
        echo "</form>";
    }
?>

And here is my javascript function javascript:load_brand_option_box.

function load_brand_option_box (sub_header_id, action, brand_id)
{
    var sub_header_value = sub_header_id.options[sub_header_id.selectedIndex].value
     if (action == "populate_brands")
     {
        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("brand_names").innerHTML=xmlhttp.responseText;
                //document.getElementById("livesearch").style.border="1px solid #A5ACB2";
            }
        }   
        xmlhttp.open("GET","populate.php?action="+action+"&sub_header_id="+sub_header_value+"&brand_id="+"",true);
        xmlhttp.send();
    }
}
  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

1条回答 默认 最新

  • doushichi3678 2013-05-26 12:14
    最佳回答

    Try this.... Added a newval attribute in option for header id you can now grab header id inside the function

    <?php
            include('config.php');
            $sql = sprintf("SELECT * FROM retail_sub_headers");
            $result = mysql_query($sql);
            $num = mysql_num_rows($result);
            if ($num > 0)
            {
                echo "<form>";
                echo "<select id = \"my_select_box\" onChange = \"load_brand_option_box(this, 'populate_brands', '');\">";
                echo "<option selected value = \"-------\">-------</option>";
                while($row = mysql_fetch_array($result))
                {
                    echo "<option value = ".$row["sub_header_id"]."  newval=".$row["header_id"].">".$row["sub_header_name"]."</option>";
                }
                echo "</select>";   
                echo "</form>";
            }
        ?>
    
        function load_brand_option_box (sub_header_id, action, brand_id)
        {
            var sub_header_value = sub_header_id.options[sub_header_id.selectedIndex].value
            var sel = document.getElementById('my_select_box');
            var header_id=sel.options[sel.selectedIndex].getAttribute('newval');
            //you will get the header id here 
             if (action == "populate_brands")
             {
                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("brand_names").innerHTML=xmlhttp.responseText;
                        //document.getElementById("livesearch").style.border="1px solid #A5ACB2";
                    }
                }   
                xmlhttp.open("GET","populate.php?action="+action+"&sub_header_id="+sub_header_value+"&brand_id="+"",true);
                xmlhttp.send();
            }
        }
    
    评论
    解决 无用
    打赏 举报

相关推荐 更多相似问题