相同命令的 Javascript 循环

Question

我正在尝试找出如何循环这个而不是 6 个单独的版本。这显然是多余的代码。我在 PHP 中这样做不会有任何问题。

我想保留这个纯粹的JS。

    function p1Name() {
    document.getElementById('p1_name_1').innerHTML = (scorecard.p1[scorecard.p1.selectedIndex].text);
    document.getElementById('p1_name_2').innerHTML = (scorecard.p1[scorecard.p1.selectedIndex].text);
    document.getElementById('p1_name_3').innerHTML = (scorecard.p1[scorecard.p1.selectedIndex].text);
    document.getElementById('p1_name_4').innerHTML = (scorecard.p1[scorecard.p1.selectedIndex].text);
    document.getElementById('p1_name_5').innerHTML = (scorecard.p1[scorecard.p1.selectedIndex].text);
    document.getElementById('p1_name_6').innerHTML = (scorecard.p1[scorecard.p1.selectedIndex].text);
    document.getElementById('p1_name_7').innerHTML = (scorecard.p1[scorecard.p1.selectedIndex].text);
} 

同一函数重复 6 次。p1、p2、p3、p4、p5、p6

Answer 1

正在研究 Keiwan 的答案...该函数仍然需要调用几次...您可以访问对象属性，例如 Scorecard.p1 作为 Scorecard["p1"]。因此，只需调用一次即可。

function pName(px) {
  for (var i = 1; i <= 7; i++) {
    document.getElementById(px + '_name_' + i).innerHTML = (scorecard[px][scorecard[px].selectedIndex].text);
  }
}

前提是 px 作为字符串输入。