javascript - 将 ID 存储在隐藏字段中

Question

我现在有一个脚本，它将显示(提醒)我 react 中的 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。

Answer 1

设置<input type="hidden" value="0"/>当没有按下任何按钮时，您会从隐藏输入中得到 0(单击 Check Value 按钮即可查看)

并且“当按下按钮时”(SetID !按钮)将设置给定的ID。

如下:

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 + '".');
}

<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>