Jquery中的函数将表单元素的ID作为参数传递

Question

我正在尝试在Jquery中创建一个函数，该函数将获取表单SELECT元素ID的ID，其中应显示动态创建的选项。但是，我必须为其他表单实例重复这项工作。我创建了以下代码，但它没有用。

JQuery脚本

function getOffice(ID){
    $.post('dynamicOffice.php',{operator:$(this).val()},function(output){
    $('ID').html(output);
    });
        $('ID').removeAttr('disabled');
}

主HTML文件

       

<select id="senderOperator" name="senderOperator" tabindex="1" onchange=getOffice(sender)>
    <option value=""><--SELECT an Operator --></option>                 
        <?php getOption($operator,Operator) ?>
</select>

<select id="sender" name="sender" tabindex="1" disabled="disabled">
    <option value=""><--SELECT the Operator First --></option>
</select>

dynamicOffice.php

<?php
include('generateOption.php');
    $country=$_POST['operator'];
    $officeSql="SELECT * FROM myoffice WHERE Operator='$country'";
    getOption($officeSql,Name);
?>

generateFormElement.php

        

<?php
include("include/dbConnect.php");       

function getOption($rsSql,$colName){

    $sResult=mysql_query($rsSql) or die("Could Not Fetch Records");

    while ($s_Office = mysql_fetch_array($sResult))
    {
        echo("<option value='".$s_Office["$colName"]."'>".$s_Office["$colName"]."</option>");
    }
}
?>

Answer 1

从参数周围删除引号，并将#连接到它的开头。

$('#' + ID).html(output);

$('#' + ID).removeAttr('disabled');

另外，this可能会引用window而不是您期望的任何元素，因此以下内容不起作用：

{operator:$(this).val()}

如果它应引用select元素，则添加this作为第二个参数：

onchange=getOffice(sender,this)

...并用参数引用它：

function getOffice(ID, el){
    $.post('dynamicOffice.php',{operator:$(el).val()},function(output){
        $('#' + ID).html(output);
    });
    $('#' + ID).removeAttr('disabled');
}