将ID存储在隐藏字段中

时间:2018-05-17 14:05:21

标签: javascript php mysql function

我现在有一个脚本,它会显示(提示)反应中的ID以及名字和姓氏。现在我需要它,当我按下这个按钮时,它会将ID存储在一个隐藏的表单输入中,以便将它发送到数据库。

警告数据的脚本:

<script type="text/javascript">
function printIt(id){
alert(document.getElementById(id).value);
alert(document.getElementById('naam'+id).value); 
}
</script>


<form name="formName">
<input type=hidden id="'.$reactie['id'].'" name="abcName" value="'.$reactie['id'] .'"/>
<input type=hidden id="naam'.$reactie['id'].'" name="abcName" value="Reactie op bericht van '.$reactie['voornaam'].' ' .$reactie['achternaam'] .'"/>
<input class="btn btn-primary btn-xs" type=button value="Reageer" onclick="printIt(\''.$reactie['id'] .'\')" />
</form>

将表单(需要添加ID的位置)发送到数据库的脚本:

<?php if(isset($_POST['react_btn'])){ unset($q1); $q1['reactie'] = $app->check_string($_POST['reactie']); 
$q1['topic_id'] = $app->check_string($_POST['topicid']);
 $q1['klant_id'] = $app->check_string($_POST['klantid']);
 $q1['ledenpagina_id'] = $app->check_string($_POST['ledenpaginaid']);
 $app->insert_query('reacties', $q1, 'id');
 } 
?> 
<form action="" method="post"> <div class="form-group"> 
<label for="comment">Reactie:</label> 
<textarea class="form-control" name="reactie" rows="3" id="comment"></textarea> 
<input type="hidden" name="klantid" value="<?php echo $_SESSION["klant_id"] ?>"> <input type="hidden" name="topicid" value="<?php echo $actieftopicid ?>"> 
<input type="hidden" name="ledenpaginaid" value="<?php echo $_SESSION["ledenpagina_id"]; ?>"> 
<input type="hidden" name="onderreactieID" value="<?php echo $reactie; ?>"> 
<button type="submit" name="react_btn" class="btn btn-primary">Plaats reactie</button> 

</div> 
</form>

要点:

当你按下按钮在某个隐藏字段中填充时,我需要第一个脚本($ reactie ['id'])中的数据。该字段需要转到数据库。

所以它需要以某种方式在隐藏字段中设置javascript。当你没有按任何按钮时,它需要是一个默认的0。

2 个答案:

答案 0 :(得分:0)

如果你想将reactieID设置为0,你应该已经准备好了隐藏的输入。你可以在点击事件中使用javaScript设置值。

&#13;
&#13;
console.log("Value of hidden input reactieID = " + document.getElementById('reactieHier').value);
&#13;
<form name="formName">
  <input class="btn btn-primary btn-xs" type=button value="Reageer" onclick="document.getElementById(
  'reactieHier').value = '5'; console.log('Value of hidden input reactieID = ' + document.getElementById('reactieHier').value)" />
</form>


<form>
  <div class="form-group"> 
    <label for="comment">Reactie:</label> 
    <textarea class="form-control" name="reactie" rows="3" id="comment"></textarea> 
    <input type="hidden" name="klantid" value="99">
    <input type="hidden" name="topicid" value="99"> 
    <input type="hidden" name="ledenpaginaid" value="99"> 
    <input type="hidden" name="onderreactieID" value="99">
    <input type="hidden" name="reactieID" id="reactieHier" value="0">
    <button type="submit" name="react_btn" class="btn btn-primary">Plaats reactie</button> 
  </div> 
</form>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

设置<input type="hidden" value="0"/>,当没有按下任何按钮时,你会从隐藏输入中获得0(点击Check Value按钮查看)

按下按钮&#39;(SetID !按钮)将设置给定的ID。

它如下:

&#13;
&#13;
function setID(iD){
  var hidden_input = document.getElementById('my_hidden_input');
  hidden_input.value = iD;
  alert('The ID given from button is "' + iD + '".');
  alert('The new value of my_hidden_input is "' + hidden_input.value + '".');
}
function check(){
  alert('The value of my_hidden_input is "' + document.getElementById('my_hidden_input').value + '".');
}
&#13;
<form>
<input type="hidden" id="my_hidden_input" value="0"/>
<input type="button" value="SetID !" onclick="setID('MyID')" />
<input type="button" value="Check Value" onclick="check()" />
</form>
&#13;
&#13;
&#13;

相关问题