Question

我有一个用PHP扩展名保存的html页面。它包含一个带有两个字段home_page_text和aff_page_text的输入表单。它还包含两个按钮。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
 <body bgcolor="#EEE8AA">
  <form name="Form1" id="Form1" action="post_message.php" method="post">
  <input type="text" size="80" maxlength="400" 
  name="home_page_text" id="home_page_text"
  value="" style="background-color:#EFD381" />

  <input type="text" size="80" maxlength="400" 
  name="aff_page_text" id="aff_page_text"
  value="" style="background-color:#EFD381" />

  <input class="stand_alone_button_left_12em" type="button" value="Default The Message" 
  name="default_home" 
  onclick="return OnButton1();" />

  <input class="stand_alone_button_left_12em" type="button" value="Default The Message" 
  name="default_aff" 
  onclick="return OnButton2();" />

我希望每当按下相应的按钮时，将两个字段中的每个字段设置为不同的默认值。

因此，如果我按下按钮 default_home ，我希望字段 home_page_text 设置为＆＃34;这是主页默认值＆＃34;。相应地，如果我按下按钮 default_aff ，我希望字段 aff_page_text 设置为＆＃34;这是AFF PAGE默认值＆＃34;。

值应仅为默认值。用户可以按原样接受文本，也可以编辑默认文本。当按下第三个按钮（type = submit）时，将提交页面，导致Post调用类似＆＃34; post_message.php＆＃34;的页面。

我该如何做到这一点？

Answer 1

您是否为此项目安装了jQuery库？使用jQuery更容易实现，否则您将不得不使用纯JavaScript。

差不多，当按下 default_home 按钮时，jQuery会将home_page_text设置为你喜欢的任何内容，如果按下另一个按钮则相同。

否则，您可以使用Ajax甚至PHP来完成此任务。使用PHP，只要按下不同的按钮，就需要整页刷新。

让我知道你想如何解决这个问题：PHP，jQuery或Ajax（jQuery是最有效的）

Answer 2

即使使用普通的javascript也可以实现。如果按下default_home按钮，在OnButton1（）方法中，您可以修改输入的值，如下所示，

document.getElementById("home_page_textotc").value = "This is the HOME PAGE default value";

以同样的方式，在OnButton2（）方法中，

document.getElementById("aff_page_textThis is the AFF PAGE default value").value = "This is the HOME PAGE default value";

按下按钮时设置表单字段

2 个答案: