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

Question

我正在尝试在Jquery中创建一个函数,该函数将获取表单SELECT元素的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

从参数周围删除引号,并将a连接#到它的开头.

$('#' + 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');
}