jquery onchange form submit lost variables

Question

当我使用更改时选择时我遇到了问题 - 我的变量丢失了...在标题中是：

function reassignPrescreen(prescreen, closer) {
var prescreen = $('input[name=prescreen]');
var closer = $('input[name=closer]');
var data = 'prescreenid=' + prescreen.val() + '&closer=' + closer.val();
alert(data);
$.ajax({
    type: "GET",
    url: "reassign-prescreen.php",
    data: data,
    success: function (html) {
        alert(html);
    }
});
}

我的身体有多种形式：

<form action="reassign-prescreen.php" class="psreassign">
<input type="hidden" name="prescreen" value="1">
<SELECT class="chzn-select medium-select select" name="closer" onchange='reassignPrescreen()' data-placeholder="Choose a Closer">
    <OPTION VALUE=""></OPTION>
    <OPTION VALUE="59785">Ron </OPTION>
    <OPTION VALUE="59786">Paul </OPTION>
    <OPTION VALUE="74236">Jack </OPTION>
</SELECT>
</form>
<form action="reassign-prescreen.php" class="psreassign">
<input type="hidden" name="prescreen" value="2">
<SELECT class="chzn-select medium-select select" name="closer" onchange='reassignPrescreen()' data-placeholder="Choose a Closer">
    <OPTION VALUE=""></OPTION>
    <OPTION VALUE="59785">Ron </OPTION>
    <OPTION VALUE="59786">Paul </OPTION>
    <OPTION VALUE="74236">Jack </OPTION>
</SELECT>
</form>
....ETC...

现在我总是得到预筛选为 1 和更接近未定义的值？？

Answer 1

修改了代码。 更近的是选择框而不是输入。 杰斯菲德尔

function reassignPrescreen(self){
    var form = $(self).parents("form:first");
    var prescreen = $('input[name=prescreen]', form );
    var closer = $('select[name=closer]', form);
    var data = 'prescreenid=' + prescreen.val() + '&closer=' + closer.val();
    alert(data);
    $.ajax({
        type: "GET",
        url: "reassign-prescreen.php",
        data: data,
        success: function (html) {
            alert(html);
        }
    });
}

Answer 2

  var closer = $('input[name=closer]');

应该是

  var closer = $('select[name=closer]');

Answer 3

使用表单 ID 按名称搜索元素并将名称放在 " 中

所以

$('#id-of-form input[name="closer"]')

Answer 4

首先...方法声明带有 2 个变量...

function reassignPrescreen(**prescreen, closer**) {

当您再次定义该变量时，您将立即覆盖变量"prescreen"，下一行向下，这意味着您传递的内容消失了......

var prescreen = $('input[name=prescreen]');

你的函数应该是 -

function reassignPrescreen(prescreen, closer) {
var _prescreen = $(prescreen);
var _closer = $(closer);
var data = 'prescreenid=' + _prescreen.val() + '&closer=' + _closer.val();
alert(data);
$.ajax({
    type: "GET",
    url: "reassign-prescreen.php",
    data: data,
    success: function (html) {
        alert(html);
    }
});
}

如果这不是你想要的行为，并且你不需要传递变量，那么你应该使用它。

function reassignPrescreen() {
var prescreen = $("input[name='prescreen']");
var closer = $("input[name='closer']");
var data = 'prescreenid=' + prescreen.val() + '&closer=' + closer.val();
alert(data);
$.ajax({
    type: "GET",
    url: "reassign-prescreen.php",
    data: data,
    success: function (html) {
        alert(html);
    }
});
}

编辑：是的，根据您在html中的"onchange"事件中的内容，您应该使用上面提到的第二种方法。 reassignPrescreen()

Answer 5

将 this 参数添加到 onchange 调用中，如下所示：

onchange='reassignPrescreen(this)'

，然后替换以下代码：

function reassignPrescreen() {
   var prescreen = $('input[name=prescreen]');
   var closer = $('input[name=closer]');

对于这个：

function reassignPrescreen(elem) {
   var prescreen = $(elem).siblings('input[name=prescreen]');
   var closer = $(elem).val();

这将在触发 OnChange 事件的具体"选择"上下文中做正确的事情。