Функция в Jquery, передающая идентификатор элемента формы в качестве параметра

Question

Я пытаюсь создать функцию в Jquery, которая будет принимать идентификатор формы SELECT ID элемента, где должна отображаться динамически созданная опция. Но я должен повторить эту работу и для других экземпляров форм. я создал следующий код, но он не работал.

JQuery Script

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');
}