Área de escolha em Formulário

Detalhes da questão

Endereço do fórum: http://lostscavenge.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá, Estava tentando criar uma área de escolha para meu formulário mas então vi que a página onde eu gerei o formulário está com algum erro que está impossibilitando o uso da mesma, então resolvi vir aqui pedir a ajuda de alguém que saiba criar um código onde o usuário poderia selecionar entre dois itens, e deixar obrigatório.

Link do post onde a criação do formulário se encontra impossibilitada https://ajuda.forumeiros.com/t78600-tutorial-criar-formularios-de-postagem

Código que estou usando abaixo, caso algo for mudado me avise pois estou modificando manualmente cada formulário.

Código:

<!--                                   ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!-                                   -->    <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />    
<form id="fa-generated-form">
                                                                      
 <div class="fa-form-wrapper">
                                                                        
 <h1>
                                 RECORRER DENÚNCIA                                      
 </h1>
                                                                                        
 <!--                                        BEGIN Generated HTML Code                                        -->                                            
 <div class="fa-form-group clearfix">
                                                                                          
 <p class="form-paragraph data-text">
                                                 Preencha os campos para prosseguir.                                          
 </p>
                                                                                    
 </div>
                                       <input type="hidden" value="" id="campo5" />                                        
 <div class="fa-form-group clearfix">
                                               <label for="campo1">Motivo(s):</label>  <input required="" placeholder="" id="campo1" data-type="text" type="text" />                                      
 </div>
                                                                                
 <div class="fa-form-group clearfix">
                                               <label for="campo2">Provas:</label>  <input required="" placeholder="" id="campo2" data-type="text" type="text" />                                      
 </div>
                                                                                                                                                                
 <!--                                        END Generated HTML Code                                        -->                                    
 </div>
                                                                      
 <div class="fa-submit">
                                                                        
 <button class="post-button" type="submit">
                                 Enviar Formulário                                
 </button>
                                                                      
 </div>
                                                                    
</form>
                                        
<!--                                   Javascript's                                   -->  
<!--                                   Não é recomendada a edição abaixo desta linha.                                   -->    <textarea style="display: none;" id="fa-generated-message">[b]Motivo(s):[/b] {{campo1}}
[b]Provas:[/b] {{campo2}}
 </textarea>  <input type="hidden" id="fa-generated-title" value="[Recorrer Denúncia] {{campo5}}" /><script>
      var user = _userdata["username"];
    document.getElementById("campo5").value = user;
</script>      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>  <script type="text/javascript">
    (function ($) {
      'use strict';
 
      $(window).on('load', function () {
          $('#fa-generated-form').on('submit', function (event) {
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Postando...');
        setTimeout(function () {
              $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 36,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f36-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>

Olá @Luqui,
mude o seu formulário para:

Código:

<!--                                  ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!-                                  -->    <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />   
<form id="fa-generated-form">
                                                                     
 <div class="fa-form-wrapper">
                                                                       
 <h1>
                                RECORRER DENÚNCIA                                     
 </h1>
                                                                                       
 <!--                                        BEGIN Generated HTML Code                                        -->                                           
 <div class="fa-form-group clearfix">
                                                                                         
 <p class="form-paragraph data-text">
                                                Preencha os campos para prosseguir.                                         
 </p>
                                                                                   
 </div>
                                      <input type="hidden" value="" id="campo5" />                                       
 <div class="fa-form-group clearfix">
                                              <label for="campo1">Motivo(s):</label>  <input required="" placeholder="" id="campo1" data-type="text" type="text" />                                     
 </div>
                                                                               
 <div class="fa-form-group clearfix">
                                              <label for="campo2">Provas:</label>  <input required="" placeholder="" id="campo2" data-type="text" type="text" />                                     
 </div>
                                 
                            <div class="fa-form-group clearfix">
  <label for="campo3">Seleção</label>
  <select data-type="select" id="campo3" required="">
<!-- First -->
<option value="opção 1">Opção 1</option>
<option value="opção 2">opção 2</option>
<option value="opção 3">opção 3</option>
</select>
</div>
                                                                                               
 <!--                                        END Generated HTML Code                                        -->                                   
 </div>
                                                                     
 <div class="fa-submit">
                                                                       
 <button class="post-button" type="submit">
                                Enviar Formulário                               
 </button>
                                                                     
 </div>
                                                                   
</form>
                                       
<!--                                  Javascript's                                  --> 
<!--                                  Não é recomendada a edição abaixo desta linha.                                  -->    <textarea style="display: none;" id="fa-generated-message">[b]Motivo(s):[/b] {{campo1}}
[b]Provas:[/b] {{campo2}}
 </textarea>  <input type="hidden" id="fa-generated-title" value="[Recorrer Denúncia] {{campo3}}" /><script>
      var user = _userdata["username"];
    document.getElementById("campo5").value = user;
</script>      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>  <script type="text/javascript">
    (function ($) {
      'use strict';
 
      $(window).on('load', function () {
          $('#fa-generated-form').on('submit', function (event) {
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Postando...');
        setTimeout(function () {
              $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 36,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f36-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>


Cordialmente,
pedxz

Bom, algo saiu errado como pode ver na print http://prntscr.com/k8gr37 e a opção selecionada não aparece no Tópico mas pode deixar sem, enquanto isso eu tive uma ideia teria como por a opção selecionada entre os parenteses? e o nick do membro como estava antes fora, o código está a baixo.

Código:

<!--                                    ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!-                                    -->    <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />  
<form id="fa-generated-form">
                                                                        
 <div class="fa-form-wrapper">
                                                                          
 <h1>
                                 RECORRER DENÚNCIA OU BANIMENTO                                        
 </h1>
                                                                                          
 <!--                                          BEGIN Generated HTML Code                                          -->                                            
 <div class="fa-form-group clearfix">
                                                                                            
 <p class="form-paragraph data-text">
                                                 Preencha os campos para prosseguir.                                            
 </p>
                                                                                      
 </div>
                                       <input type="hidden" value="" id="campo5" />                                        
 <div class="fa-form-group clearfix">
                                               <label for="campo1">Motivo(s):</label>  <input required="" placeholder="" id="campo1" data-type="text" type="text" />                                      
 </div>
                                                                                  
 <div class="fa-form-group clearfix">
                                               <label for="campo2">Provas:</label>  <input required="" placeholder="" id="campo2" data-type="text" type="text" />                                      
 </div>
                                                                
 <div class="fa-form-group clearfix">
   <label for="campo3">Seleção</label>  <select data-type="select" id="campo3" required="">

 
 <!--   First   -->
<option value="opção 1">Recorrer Denúncia</option>
<option value="opção 2">Recorrer Banimento</option>
</select>
 </div>
                                                                                                  
 <!--                                          END Generated HTML Code                                          -->                                    
 </div>
                                                                        
 <div class="fa-submit">
                                                                          
 <button class="post-button" type="submit">
                                 Enviar Formulário                                  
 </button>
                                                                        
 </div>
                                                                      
</form>
                                        
<!--                                    Javascript's                                    -->
<!--                                    Não é recomendada a edição abaixo desta linha.                                    -->    <textarea style="display: none;" id="fa-generated-message">[b]Motivo(s):[/b] {{campo1}}
[b]Provas:[/b] {{campo2}}
 </textarea>  <input type="hidden" id="fa-generated-title" value="[Recorrer Denúncia] {{campo3}}" /><script>
      var user = _userdata["username"];
    document.getElementById("campo5").value = user;
</script>      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>  <script type="text/javascript">
    (function ($) {
      'use strict';
 
      $(window).on('load', function () {
          $('#fa-generated-form').on('submit', function (event) {
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Postando...');
        setTimeout(function () {
              $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 36,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f36-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>

Assim:

Código:

<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>RECORRER DENÚNCIA OU BANIMENTO</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
<body>
 
  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>RECORRER DENÚNCIA OU BANIMENTO</h1>
      <!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
         
 <p class="form-paragraph data-text">
              Preencha os campos para prosseguir.
</p>
</div>
      <div class="fa-form-group clearfix">
  <input type="hidden" id="campo2">
</div>
<div class="fa-form-group clearfix">
            <label for="campo1">Motivo(s):</label> 
<input required="" placeholder="" id="campo1" data-type="text" type="text" />                                     
 </div>
<div class="fa-form-group clearfix">
  <label for="campo3">Quantia que será doada</label>
  <select data-type="select" id="campo3" required="">
<!-- First -->
<option value="recorrer a denúncia">Denúncia</option>
<option value="recorrer ao banimento">Banimento</option>
</select>
</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>
 
 
 
  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->
 
  <textarea style="display: none;" id="fa-generated-message">Meu Nick: {{campo2}}
Eu quero {{campo3}} pelo motivo {{campo1}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Recorrer Denúncia] {{campo2}}" />
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
    'use strict';

    var user = _userdata["username"];
    $('#campo2').val(user);

    $(window).on('load', function () {
    $('#fa-generated-form').on('submit', function (event) {
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Postando...');
        setTimeout(function () {
      $.post('/post', {
      subject: $('#fa-generated-title').val().trim(),
      f: 36,
      message: $('#fa-generated-message').val().trim(),
      mode: 'newtopic',
      tid: $('[name="tid"]:first').val(),
      post: 1,
      }).done(function () {
      alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
      location.pathname = '/f36-';
      }).fail(function () {
      alert('Houve um erro! Tente novamente!');
      });
        }, 600);
    });
    });
    }(jQuery));
  </script>
</body>
</html>


Não, Colocar a opção que o usuário colocou como titulo do tópico se for banimento [Recorrer Banimento] se for Denúncia selecionado [Recorrer Denúncia] e tirar ''o meu nick''

Então:

Código:

<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>RECORRER DENÚNCIA OU BANIMENTO</title>
 
  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
<body>
 
  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>RECORRER DENÚNCIA OU BANIMENTO</h1>
      <!-- BEGIN Generated HTML Code -->
<div class="fa-form-group clearfix">
       
 <p class="form-paragraph data-text">
              Preencha os campos para prosseguir.
</p>
</div>
      <div class="fa-form-group clearfix">
  <input type="hidden" id="campo2">
</div>
<div class="fa-form-group clearfix">
            <label for="campo1">Motivo(s):</label>
<input required="" placeholder="" id="campo1" data-type="text" type="text" />                                   
 </div>
<div class="fa-form-group clearfix">
  <label for="campo3">Quantia que será doada</label>
  <select data-type="select" id="campo3" required="">
<!-- First -->
<option value="Recorrer a Denúncia">Denúncia</option>
<option value="Recorrer ao Banimento">Banimento</option>
</select>
</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>
 
 
 
  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->
 
  <textarea style="display: none;" id="fa-generated-message">Eu quero {{campo3}} pelo motivo {{campo1}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[{{campo3}}] {{campo2}}" />
 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
    'use strict';
 
    var user = _userdata["username"];
    $('#campo2').val(user);
 
    $(window).on('load', function () {
    $('#fa-generated-form').on('submit', function (event) {
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Postando...');
        setTimeout(function () {
      $.post('/post', {
      subject: $('#fa-generated-title').val().trim(),
      f: 36,
      message: $('#fa-generated-message').val().trim(),
      mode: 'newtopic',
      tid: $('[name="tid"]:first').val(),
      post: 1,
      }).done(function () {
      alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
      location.pathname = '/f36-';
      }).fail(function () {
      alert('Houve um erro! Tente novamente!');
      });
        }, 600);
    });
    });
    }(jQuery));
  </script>
</body>
</html>


Cordialmente,
pedxz

Obrigado pela enorme ajuda

@Luqui, desculpe qualquer problema

Tópico resolvido Movido para "Questões resolvidas".