使用單選按鈕將值從html形式傳遞給javascript函數

Question

我在將值從php和html中的數據庫傳遞到javascript函數時遇到問題。

這是情況。 將顯示記錄列表以及相應的單選按鈕。 單擊單選按鈕時，從列表中選擇的記錄將出現在文本框上，並且根據所選記錄，將從數據庫中檢索記錄並將其顯示在文本框中。 我做到了，但是我無法檢索數據庫中的記錄並將其顯示在文本框中。 請幫我。

這是我的代碼：

這是HTML和PHP中的代碼：

EMAIL:<input type="text" name="emp_email" id="emp_email">
Employee ID:<input type="text" name="asEmpId" id="txtAsEmpId">
Role:
<select name="Role" id="cbRole">
<option value="employee">Attendee</option>
<option value="organizer">Event Organizer</option>
</select>

<form id='maillist' name='maillist'>
<?php
$qry="select emp_id,emp_code, req_role, emp_email
        from tbl_request_access
        where acs_transfer='PE'";   

$res=insert_select_update($qry);
$numrow=checknumrow($qry);
if($numrow>0)
{
?><form><?php
        print "<table class=\"emaillist\" >
            <thead>
            </thead>
            <tbody> ";
        while($data=mysql_fetch_row($res))      
        {
            print "<tr class=\"odd\">

                    <td><input type='radio'  name='emailid[]' id='check'        value='$data[3]' onclick='appendtomail2(\"maillist\");'></td>
                    <td>$data[3]</td>   

                </tr>";
                ?>
                <input type="hidden" name="emp_id" id="emp_id" value='<?php echo $data[0]?>'>
                <input type="hidden" name="role" id="role" value='<?php echo $data[2]?>'>
                <?php
        }
        print "</tbody>
        </table>";
        ?></form><?php
    }
    </form> 

這是我在外部Javascript中的代碼：

function appendtomail2(delform)
{
    document.getElementById('emp_email').value='';
    var val='';
    var valcode='';
    var aa= document.getElementById(delform);
    for (var i =2; i < aa.elements.length; i++) 
    {
        if(aa.elements[i].checked)
        {
            var valsplit=aa.elements[i].value.substring(parseInt(aa.elements[i].value.search(';')));
            var val=val+valsplit;
        }
        else
        {
            var val=val;
            var valcode=valcode;
        }
    }
    if(val.length>2)
    {
        document.getElementById('emp_email').value=valsplit;
        document.getElementById('txtAsEmpId').value='';  //for the text box
        document.getElementById('cbRole').value='';      //for the text box
        document.getElementById("btnAssignRole").disabled = false;
    }
    else
    {
        document.getElementById('emp_email').value='';
        document.getElementById('txtAsEmpId').value='';
        document.getElementById('cbRole').value=''; 
        document.getElementById("btnAssignRole").disabled = true;
    }
}

這是我將用於從數據庫檢索記錄的查詢：$ qry =“從bl_request_access中選擇emp_id，req_role，emp_email，其中acs_transfer ='PE'和emp_email ='$ data [3]'”;

        //$data[3] is the selected value

Answer 1

PHP是服務器端，而JavaScript是客戶端，這就是問題所在。 您真正想要的是Javascript的PHP變量。

選項...

<script type="text/javascript">
   var php_var = "<?php echo $php_var; ?>";
</script>

您還可以使用JavaScript AJAX調用來加載它。 讓PHP返回一些json數據，例如

$data = /** whatever you're serializing **/;
header('Content-Type: application/json');
echo json_encode($data);

單擊帶有的單選按鈕時是否觸發此代碼...

$("input[name=someRadioGroup]:radio").change(function () {});

我在示例中使用名稱，因為通常您有多個帶有一個名稱的單選按鈕