-1

我需要解决一个模拟用户现场操作的小问题：选择某个标签，然后模仿按下“OK”按钮。有几行带有标签，所以我决定在 jQuery 的 for 循环中进行。但是此代码仅在第一次迭代中有效（但效果很好 - 数字发生变化，然后 alert('gooood-good') 显示）。

有趣的是，循环继续，并且 vars 'option' 和 'select' 按应有的方式分配，甚至第二个按钮的 alert() 也显示，表明事件 onclick 有效，但第二行中的标签保持为零，并且没有模拟实际上是 onclick 事件。这段代码似乎拒绝在循环的所有循环中工作，但第一个。

最终目标 - 不需要模拟用户并完全在 javascript 上解决。我在循环中有一个动态变化的参数，我认为 Selenium IDE 可能是我的答案，但我需要它使用一些逻辑并在循环中更改参数。

这里有两个列表： script 和 html 应该执行脚本的地方。 

<table>
  <tr>
    <td id="c10">
      <select name="c0">
        <option value="0" selected>0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
      </select>
    </td>
    <td id="c11">
      <select name="c1">
        <option value="0" selected>0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
      </select>
    </td>
    <td id="c12">
      <input value="OK" type="button" onclick="alert('gooood-goood')" />
    </td>
  </tr>
  <tr>
    <td id="c20">
      <select name="c0">
        <option value="0" selected>0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
      </select>
    </td>
    <td id="c21">
      <select name="c1">
        <option value="0" selected>0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</optiaon>
        <option value="8">8</option>
        <option value="9">9</option>
      </select>
    </td>
    <td id="c22">
      <input value="OK" type="button" onclick="alert('gooood-goood')" />
    </td>
  </tr>
</table>

然后编写脚本 

function foo() {
  alert('inside');

  var comb = rand(10, 99) + '', row = 1, col = 0;

  for (; row <= 2; row++) {
    for (; col <= 1; col++) {
      var select = '#c' + row + col + ' select[name=c' + col + ']';
      var option = "#c" + row + col + " select option[value=" + comb[col] + "]";

      $(select).change(function () {
        $(option).prop('selected', true);
      });

      $(select).change();

      if (col == 1) {
        var i = col + 1;
        $('#c' + row + i + ' input').click();
      }
    }

    col = 0;
    comb = rand(10, 99);
  }
}

$(function () {
  document.getElementById('done').onclick = foo;
});


function rand(min, max) { // Generate a random integer
  if (max) {
    return Math.floor(Math.random() * (max - min + 1)) + min;
  } else {
    return Math.floor(Math.random() * (min + 1));
  }
}

更新

我不知道我做了什么，但它现在正在工作。相同的代码：/

4

2 回答 2

0

好吧，我才意识到。comb = rand(10, 99);第一次迭代后变成不是字符串。

只需要修复它comb = rand(10, 99) + '';

于 2012-08-31T12:34:39.363 回答
0

在您的代码中：

>  var option = "#c"+ row + col + " select option[value=" + comb[col] + "]";
> 
>  $(select).change(function(){
> 
>    $(option).prop('selected', true);
>  });

change 函数中的变量选项对外部选项变量有一个闭包，因此该值将是循环结束时的任何选项，即（comb[col]设置为6）：

 "#c21 select option[value=6]";

顺便说一句，在不允许按索引访问字符串字符的浏览器中，您从梳子中选择数字的方式将失败（至少某些版本的 IE），这意味着rand函数也可能只返回一个从 0 到 9 的数字包括的。

您可以使用以下方法解决第一个问题：

comb.substring(1,2)

或者

 comb.charAt(1)

这使您正在做的事情更加明显。

您是否考虑过只获取表单控件并对其进行迭代，而与表结构无关？这会简单得多。

于 2012-08-31T06:55:12.787 回答