jQuery如何處理PHP動態創建的DropDown List的更改選定項事件

Question

function printDropDownList($lbId,$elements,$header)
             {
                 print "
                <tr><th align=\"right\">$lbId: </th><td>
                    <select id=\"$lbId\" style=\"width:80px;\" class=\"text ui-widget-content ui-corner-all\">";

                    foreach($elements as $item)
                    {
                        print "<option value=\"$item[0]\">$item[1]</option>";
                    }

                print "</select>";                         
             }

             $db = new Database();           

             $listHeaders = $db->arrayOfChildFacetsOneLevel(206);
             $i=0;
             foreach($listHeaders as $listHeader)
             {
                $facets = array();
                $q=0;
                $db->arrayOfChildFacetsRecursive($facets,$listHeader[0],$q);
                printDropDownList("list".$i,$facets,$listHeader);
                $i++;
             }

Answer 1

您可以為此使用.live()事件

$("#yourdropdownid").live("change", function(){
    var selectedVal = this.value;
});

如果有多個元素需要綁定事件，則為這些元素放置一個類名，然后可以使用類選擇器。

$("select.yourclassname").live("change", function(){
    var selectedVal - this.value;
});