如何从隐藏字段获取值然后更改,没有按钮

时间:2014-01-24 17:23:55

标签: javascript jquery html ajax

如何从HTML隐藏字段中检索值,然后更改其值(所有时间值由其他javascript更改),而不使用按钮。每次值改变(值没有页面刷新而改变),我想用javascript / ajax / JQuery抓取它而不按任何按钮。

更新

我如何更改隐藏字段

<?php
                            echo '<select name="d2" onchange="checkTextbox12(this)">';
                            for($i=0; $i<=$d2; $i++){
                                echo 
                                 '<option value='.$i.'>'.$i.'</option>';

                            }
                            echo '</select>';
                            ?>
                        </td>
                        <td id="kiek250decaffeinatoTest">
                            <script>
                                function checkTextbox12(element){
                                var kiek = element.value * 14;
                                document.getElementById('kiek250decaffeinatoTest').innerHTML = kiek + " LT";
                                document.getElementById('kiek250decaffeinatoKaina').value = kiek;
                                kiekis(kiek);
                            }
                            </script>

                        </td>
                    <input type="hidden" name="kiek250decaffeinatoKaina" onchange="" id="kiek250decaffeinatoKaina"  >

3 个答案:

答案 0 :(得分:1)

使用jQuery,您需要将更改事件连接到隐藏字段。

$(function() {
    $("#hiddenfield").change(function() {
         alert($(this).val());
    });
});

http://api.jquery.com/change/

答案 1 :(得分:0)

使用javascript onChange函数:

<input type="text" onchange="myFunction()">

将它放在你的html中并链接到你想要执行的任何javascript函数。

答案 2 :(得分:0)

由于隐藏字段在javascript更改其值时不会触发更改事件,因此您必须在代码更改隐藏字段值后手动触发事件。

<input type="hidden" id="myhiddenfield" value="0" />

然后在javascript中

$("#myhiddenfield").change(function(){
   alert("field changed");
});

function changeField(){
   $("#myhiddenfield").val(55);
   //Manually trigger the change event.
   $("#myhiddenfield").change();
}

changeField();

JSfiddle demo

如果您更改字段的代码不是您的代码(如从某个库更改),则必须设置一个计时器(setTimeoutsetInterval等)以持续观察字段以进行更改。