我已经为这个问题设置了一个演示,您可以通过单击 DEMO来访问它
- 第 1 步:打开演示时,单击“打开网格”链接并选择按钮“7”。这将在下面显示一个文本框和 7 个字母按钮。
- 第 2 步:选择您选择的下方的 2 个字母按钮。(变成绿色时选择一个按钮)
- 第3步:现在在左侧你会看到一个绿色的加号按钮,点击它,它会打开一个模态窗口。
- 第4步:在模态窗口有一个搜索栏,输入“AAA”并提交搜索,你会看到一堆行出现。
- 第 5 步:在第一行中,您在“答案数”列下看到它包含数字 1,单击该行内的“添加”按钮,模态窗口将关闭,但存在问题,因为“答案数”答案”文本框不显示“1”。它显示“2”,原因如下:
问题:
在“答案数量”文本框中,它应该显示数字 1,因为添加的行中的“答案数量”列下是否显示数字“1”,但文本框中不显示 1,它显示数字 2 以及它显示这个数字的原因是因为我在下面有这行代码。
现在发生这种情况是因为这段代码:
$('.answertxt', context).val(context.find('.answerBtnsOn').length > 0 ? context.find('.answerBtnsOn').length : '');,
但$('.gridBtns').on('click', function()
我确实需要这段代码。
我需要此代码的原因是因为假设有 7 个字母按钮“AG”并且您打开所有字母按钮,文本框将显示数字“7”,但如果我改变主意并且只想显示 5 个字母按钮“AE”,然后文本框将从“7”变为“5”,因为现在只打开了 5 个按钮。这就是我需要这段代码的原因。
所以我的问题是,如果用户点击了“添加”按钮,我怎样才能从添加的行中的“答案数量”列中获取数字并显示在文本框中?
下面是我的代码,当单击“添加”按钮时,它应该在文本框中显示数字......
function addwindow(numberAnswer, gridValues, btn) {
$('#mainNumberAnswerTxt').val(numberAnswer);
$('#btn'+gridValues).trigger('click');
}
但是因为 这行代码触发了这个函数而$('#mainNumberAnswerTxt').val(numberAnswer);
被覆盖了,并且在那个函数中是下面的代码,它检查用户单击网格按钮后当前打开了多少按钮:"$('#btn'+gridValues).trigger('click');"
$('.gridBtns').on('click', function()
$('.answertxt', context).val(context.find('.answerBtnsOn').length > 0 ? context.find('.answerBtnsOn').length : '');,