PHP和表單處理事件

Question

我正在嘗試基於同一框的另一個選擇/文本框的輸入創建表單對象。 例如，如果用戶選擇“是” /選中，則向他顯示用於輸入值的文本框，否則不顯示。

<form id="create_config_file" name="create_config_file" method="post">
  <table width="87%" height="220" border="2" cellpadding="1" cellspacing="1" class="CSSTableGenerator">
    <tbody>
      <tr>
        <td colspan="2">Server Details</td>
      </tr>
      <tr>
        <td width="226">Name:</td>
        <td width="783"><input name="server_name" type="text" id="server_name" size="40"></td>
      </tr>
      <tr>
        <td>IP Address:</td>
        <td><input name="ip_address" type="text" id="ip_address" size="40"></td>
      </tr>
      <tr>
        <td>Port:</td>
        <td><input name="port" type="text" id="port" size="10"></td>
      </tr>
      <tr>
        <td>NAT:</td>
        <td><select name="NAT" id="NAT">
            <option value="Yes">Yes</option>
            <option value="No" selected="selected">No</option>
        </select></td>

現在，我需要向用戶顯示輸入框，如果選擇是，否則將不顯示任何輸入框。 我該如何實現。 我正在使用PHP。

我用谷歌搜索，但看起來我的搜索查詢不夠好。

任何幫助表示贊賞。

謝謝

Answer 1

您要實現的目標與服務器語言無關。 您可以使用輸入的onchange事件顯示或隱藏項目：

<script>

function tryme(obj) {
    if ($(obj).checked) {
        $("#my_textbox").show();
    } else {
        $("#my_textbox").show();
    }

}

</script>
<input type="checkbox" onclick="tryme(this);" />
<input type="text" id="my_textbox" />

如果您被迫再次顯示表單，這可能是將來的一個點，那么您的編輯內容可能會遇到一些挑戰，請嘗試使用php加載或使用javascript動態顯示。

Answer 2

PHP不需要實現這一點。 因為PHP是服務器端腳本。 您需要使用javascript等客戶端腳本語言來實現此目的。 要了解有關客戶端腳本與服務器端腳本的更多詳細信息，請檢查此鏈接。 我使用的是jQuery庫JQuery 。 我添加了下面的代碼，這將與您期望的一樣。 但是，您需要了解有關javascript，jquery和php的更多信息，請參考w3schools.com 。

 <html> <head> <!-- Add the Library file --> <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> </head> <body> <form id="create_config_file" name="create_config_file" method="post"> <table width="87%" height="220" border="2" cellpadding="1" cellspacing="1" class="CSSTableGenerator"> <tbody> <tr> <td colspan="2">Server Details</td> </tr> <tr> <td width="226">Name:</td> <td width="783"><input name="server_name" type="text" id="server_name" size="40"></td> </tr> <tr> <td>IP Address:</td> <td><input name="ip_address" type="text" id="ip_address" size="40"></td> </tr> <tr> <td>Port:</td> <td><input name="port" type="text" id="port" size="10"></td> </tr> <tr> <td>NAT:</td> <td> <select name="NAT" id="NAT"> <option value="Yes">Yes</option> <option value="No" selected="selected">No</option> </select> </td> </tr> </tbody> </table> </form> </body> <script> $(document).ready(function(){ $("#server_name").hide(); $("#ip_address").hide(); $("#port").hide(); $("#NAT").change(function(){ if($(this).val() == "Yes"){ $("#server_name").show(); $("#ip_address").show(); $("#port").show(); }else{ $("#server_name").hide(); $("#ip_address").hide(); $("#port").hide(); } }); }); </script> </html>

PHP和表單處理事件

問題描述

2 個解決方案

解決方案1
2 2015-06-08 18:46:44

解決方案2
-1 2015-06-08 19:29:52

PHP和表單處理事件

問題描述

2 個解決方案

解決方案1 2 2015-06-08 18:46:44

解決方案2 -1 2015-06-08 19:29:52

解決方案1
2 2015-06-08 18:46:44

解決方案2
-1 2015-06-08 19:29:52