Question

我正在动态创建像这样的HTML元素

<a href="javascript:scheduleInterview('+titleObj.id+','+titleObj.profile_id+')" style="text-decoration: none;"><li>  Schedule</li></a>，

titleObj.id and titleObj.profile_id是来自ajax响应的数据

创建的元素将如下所示。

<a href="javascript:scheduleInterview(15,22)" style="text-decoration: none;"><li>&nbsp;&nbsp;Schedule</li></a>

上面的锚标记调用scheduleInterview（id，profile_id）。

scheduleInterview（）获取参数并存储它以传递给ajax函数并打开一个模态（有一个表单）以获得更多的表单输入值，这些值也将与参数值一起传递给相同的ajax函数。现在的问题是，模态表单操作被设置为相同的函数scheduleInterview（）因为我需要两个参数并形成输入值。

function scheduleInterview(id,profile_id){
    console.log("The student id is "+id);
    console.log("the profile id is "+profile_id);

        $('#myModal').modal('show');
    var candidate_id = id;
    var profile_id = profile_id;
    var inter_name = $('#inter_name').val();
    var date = $('#inter_date').val();
    var time = $('#inter_hr').val();
    var meridian = $('#inter_mr').val();
    candidate_id = $("#m_can_id").val();
    profile_id = $("#m_can_p_id").val();

    var dataString = 'inter_name='  +inter_name+ '&inter_date='  +date+ '&inter_time='  +time+ '&inter_meridian='  +meridian+ '&candidate_id=' +candidate_id+ '&profile_id=' +profile_id;

    console.log(dataString);
    $.ajax({


    })
}

上述方法将id和profile_id完全记录为15和22。之后它会打开一个模态，它有一个表单，其动作指向同一个函数但没有参数。

<form action ="javascript:scheduleInterview()" method= "post" id = "sche_inter_form">

</form>

因此它将参数值覆盖为undefined。但我需要参数值以及模态的表单输入值。我真的不知道怎么回事。最后在模态提交后，我有像这样的dataString值

inter_name=Jonathan&inter_date=12/06/1995&inter_time=02:30&inter_meridian=AM&candidate_id=undefined&profile_id=undefined

使用不同的参数jquery多次调用相同的函数

0 个答案: