-3

大家好，我的问题是我在表格的一行上应用循环，循环的执行取决于用户在文本中的输入，这意味着无论用户在文本框中写入的数字是多少，都会显示相应的行数。现在每一行都包含文本框， comboxbox on selecting value from combobox n 从前三列的文本框中输入值，结果将显示。问题是这个条件只在第二行的第一行 nt 中。我能做些什么来克服这个问题。

javascriptng代码

<script>
function getText3(){
var in1=document.getElementById('in1').value;
var in2=document.getElementById('in2').value;
var in4=document.getElementById('in4').value;
var in3=(in1*in2*in4*30)/1000;
document.getElementById('in3').value=in3.toFixed(2 );

}
</script>

在这里，我通过他们的 id 获取组合框 n 文本框的值 n 将结果存储在其他文本框中，即 in3

表格编码

</head>
<body>


 <table border="1" align="center" id="wr123">
        <?php $numberofrow = $de;?>
<?php for($counter = 1;$counter<=$numberofrow;$counter++){ ?>
<tr>
    <th>WAS</th>
    <th>NO.</th>
    <th>AVERAGE</th>
    <th>APPROX</th>
    </tr>
    <tr>
    <td>Tube</td>
    <td>
    <select id="in4" name="t1" onclick="getText3()" >
    <option value="0">0</option>
    <option value="12">12</option>
    <option value="18">18</option>
    <option value="24">24</option>
    <option value="75">75</option>
    </select>
    </td>
    <td>
    <input type="text" name="t2" id="in1" onclick="getText3()" />
    </td>
    <td>
    <select name="a1" id="in2" onclick="getText3()" >
    <option value="0">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>
    </select>
    </td>
    <td>
    <input type="text" id="in3" name="username" readonly="readonly" />
    </td>
    <td>
    <tr>
    <?php }?>

结果是这样的显示

没有。平均约

2 3 4 结果显示在这里

没有。平均约

2 3 4 没有结果

4

1 回答 1

0

尝试这样的事情：

   function getText3(row){
            var in1=document.getElementById('in1-' + row).value;
            var in2=document.getElementById('in2-' + row).value;
            var in4=document.getElementById('in4-' + row).value;
            var in3=(in1*in2*in4*30)/1000;
            document.getElementById('in3-' + row).value=in3.toFixed(2 );

    }

这对于 HTML / PHP

<table border="1" align="center" id="wr123">
    <tr>
        <th>WAS</th>
        <th>NO.</th>
        <th>AVERAGE</th>
        <th>APPROX</th>
    </tr>
    <?php

    for ($i = 1; $i < 4; $i++) {
    ?>
    <tr>
        <td>Tube</td>
        <td>
            <select id="in4-<?php echo $i; ?>" name="t1[]" onclick="getText3(<?php echo $i; ?>)" >
                <option value="0">0</option>
                <option value="12">12</option>
                <option value="18">18</option>
                <option value="24">24</option>
                <option value="75">75</option>
            </select>
        </td>
        <td>
            <input type="text" name="t2[]" id="in1-<?php echo $i; ?>" onblur="getText3(<?php echo $i; ?>)" />
        </td>
        <td>
            <select name="a1[]" id="in2-<?php echo $i; ?>" onclick="getText3(<?php echo $i; ?>)" >
                <option value="0">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>
            </select>
        </td>
        <td>
            <input type="text" id="in3-<?php echo $i; ?>" name="username[]" readonly="readonly" />
        </td>
        <td>
    </tr>
    <?php } ?>
    </table>
</body>
</html>
于 2013-05-25T13:10:12.330 回答