如何在函数中的javascript中回显变量并将其存储在php变量中

时间:2019-03-03 08:03:55

标签: javascript php

我有一个html表和文本框,在其中单击行时,将行详细信息插入到文本框中,我想要的就是将那些插入到文本框中的相同值存储在php变量中,以便我可以回显或使用该变量用于其他目的。如何在PHP中打印f1.value。我想将f1.value存储在一个变量中并在php中回显它,以便我可以在我的用例中使用它。我能够通过document.write打印,但我想将值存储在php变量中。当我单击html表行时,f1.value会动态变化。

(function () {
    if (window.addEventListener) {
        window.addEventListener('load', run, false);
    } else if (window.attachEvent) {
        window.attachEvent('onload', run);
    }

    function run() {
        var t = document.getElementById('myTable');
        t.onclick = function (event) {
            event = event || window.event; //IE8
            var target = event.target || event.srcElement;
            while (target && target.nodeName != 'TR') { // find TR
                target = target.parentElement;
            }
            //if (!target) { return; } //tr should be always found
            var cells = target.cells; 
            //var cells = target.getElementsByTagName('td'); //alternative
            if (!cells.length || target.parentNode.nodeName == 'THEAD') {
                return;
            }
            var f1 = document.getElementById('firstname');
            var f2 = document.getElementById('lastname');
            var f3 = document.getElementById('age');
            var f4 = document.getElementById('total');
            var f5 = document.getElementById('discount');
            var f6 = document.getElementById('diff');
            f1.value = cells[0].innerHTML;
            f2.value = cells[1].innerHTML;
            f3.value = cells[2].innerHTML;
            f4.value = cells[3].innerHTML;
            f5.value = cells[4].innerHTML;
            f6.value = cells[5].innerHTML;
			
			var df=f6.value;
			
		
			//document.write(f1.value);
			//document.write(f2.value);
			//document.write(f3.value);
			//document.write(f4.value);
			//document.write(f5.value);
			//document.write(df);
			
            //console.log(target.nodeName, event);
        };
    }

})();
<table id="myTable" cellspacing="1">
    <thead>
        <tr>
            <th>first name</th>
            <th>last name</th>
            <th>age</th>
            <th>total</th>
            <th>discount</th>
            <th>diff</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>peter</td>
            <td></td>parker
            <td></td>28
            <td></td>9.99
            <td></td>20.3%
            <td></td>+3
        </tr>
        <tr>
            <td>john</td>
            <td>hood</td>
            <td>33</td>
            <td>19.99</td>
            <td>25.1%</td>
            <td>-7</td>
        </tr>
        <tr>
            <td>clark</td>
            <td>kent</td>
            <td>18</td>
            <td>15.89</td>
            <td>44.2%</td>
            <td>-15</td>
        </tr>
        <tr>
            <td>bruce</td>
            <td>almighty</td>
            <td>45</td>
            <td>153.19</td>
            <td>44%</td>
            <td>+19</td>
        </tr>
        <tr>
            <td>bruce</td>
            <td>evans</td>
            <td>56</td>
            <td>153.19</td>
            <td>23%</td>
            <td>+9</td>
        </tr>
    </tbody>
</table>
Firstname is:
<input type="hidden" id="firstname" name="one" />
<br>Lastname is:
<input type="text" id="lastname" name="two"/>
<br>Age is:
<input type="text" id="age" />
<br>Total is:
<input type="text" id="total" />
<br>Discount is:
<input type="text" id="discount" />
<br>Diff is:
<input type="text" id="diff" />
</form>

1 个答案:

答案 0 :(得分:1)

你不能,

您要在服务器端存储客户端变量。

那不可能