0

我的表格看起来像这样。

<form action="add_customers.php" method="post"     onsubmit="MM_validateForm('name','','R','passport_no','','R','remarks','','R');return     document.MM_returnValue">
  <tr>
    <td>Name of the Applicant:</td>
    <td><label for="name"></label>
    <input type="text" name="name" id="name" /></td>
  </tr>
  <tr>
     <td>Country applying for :</td>
    <td><label for="country"></label>
      <select name="country" id="country">
        <option>Singapore</option>
        <option>Malaysia</option>
        <option>Istanbul</option>
         <option>Thailand</option>
        <option>China</option>
        <option>Other</option>
    </select></td>
  </tr>
  <tr>
    <td>Visa Categeory :</td>
    <td><label for="visa_categeory"></label>
      <select name="visa_categeory" id="visa_categeory">
        <option>Visit</option>
        <option>Business</option>
        <option>Other</option>
    </select></td>
  </tr>
  <tr>
    <td>Passport No:</td>
    <td><input type="text" name="passport_no" id="passport_no" /></td>
  </tr>
    <tr>
    <td>Remarks:</td>
    <td><label for="remarks"></label>
    <textarea name="remarks" id="remarks" cols="45" rows="5"></textarea></td>
  </tr>
  <tr>
     <td>&nbsp;</td>
    <td><input type="submit" name="submit" id="submit" value="Submit" /></td>
  </tr></form>

现在我的问题是 1）当用户从 Visa 类别中选择其他选项时，会自动为用户显示一个文本框并捕获他输入的内容。2）将该详细信息保存到mysql数据库中

使用的语言是 PHP，MYSQL

谢谢。

4

3 回答 3

1

您可以在表单中添加一个文本框并在第一次将其隐藏。
使用 javascript 在更改您提到的下拉列表时获取可见的文本框。
您可以在接受数据的页面中获取文本框的值，并将其与其他变量一起插入到 add_customers.php 中的数据数据库中。

<script>
function visacatOnchange(){
    var visa_cat = document.getElementById('visa_categeory').value 
    if(visa_cat == "Visit")
        document.getElementById("new_textbox").style.display="block";
    else
        document.getElementById("new_textbox").style.display="none";
}
 </script>

在 html 表单中添加

<input type="text" name="new_textbox" id="new_textbox" style="display:none;">

和改变

<select name="visa_categeory" id="visa_categeory" onChange="visacatOnchange();">

祝你好运 ：-）

于 2013-06-19T05:02:34.097 回答
0

最初，您可以隐藏文本框 div，然后在选择输入的“onchange”事件中显示它。

<div id="textboxdiv" style="visibility: hidden">
Visa Option <input type="text" id="someid"/>
</div>


 <select name="visa_categeory" id="visa_categeory"  onchange="showTextBox()" > 
         <option>Visit</option>
            <option>Business</option>
            <option value="99" >Other</option>
      </select>

使用 Jquery，您可以像这样显示它：-

      function showTextBox(){
      if ($('#visa_categeory').val() == '99') {
      $('#textboxdiv').css({'visibility':'visible'});
    }
于 2013-06-19T05:17:42.810 回答
0

这里有一些基本的 JavaScript/jQuery 可以帮助你解决你的第一个问题：http: //jsfiddle.net/j4aXQ/

HTML

<form>
    <select name="visa_category">
        <option>Visit</option>
        <option>Business</option>
        <option>Other</option>
    </select>
</form>

JS

$('select').change(function() {
    var $selected = $('select option:selected');
    if ('Other' === $selected.text()) {
        $('form').append($('<input>').prop({'type':'text','id':'visa_other','name':'visa_other'}));
        $('form').append($('<label>').prop({'for':'visa_other'}).html('Testing'));
    } else {
        $('input').remove();
        $('label').remove();
    }
});

如果选择了“其他”选项，上面的代码将只显示一个文本框（和随附的标签），然后如果随后选择了不同的选项，则将删除该文本框。

希望有帮助！

于 2013-06-19T05:28:29.193 回答