텍스트를 인쇄하는 방법에서 동일한 입력을 동적으로 생성된 여러 번 Jquery 및 플라스크

0

질문

나는 응용 프로그램을 개발 Jquery 및 플라스크를 생성하는 입력 유형의 텍스트를 동적으로 클릭하여 해당 라디오 버튼을 누른 후 응용 프로그램를 캡처해야 합니다 텍스트의 각각 입력하고 그것을 인쇄 맨 아래에서의 화면. 할 때 나 하나만 생성하는 입력 중 하나에서 라디오 버튼으로"이름"을 다음과 같이 설정,응용 프로그램을 완벽하게 작동:

$('#Entradas').append('<input type="text" id="name2" name="message1" placeholder="Ingresa tu mensaje">')

하지만 내가 할 수 있기 때문에 생성하는 여러 입력에서 같은 라디오 버튼을 내가 필요로 어떻게든 매개변수"이름이"가변 또는 자동 증가 각 시간을 입력하여 생성된 라디오 버튼을 할 때 그래서에 의해 처리된 코드에서 플라스크에 그것을 인쇄할 수 있는 텍스트의 모든 입력되었을 생성됩니다. 다음과 같은 코드를 생성하는 두 가지 유형의 입력과 함께 첫 번째 변수 이름과 두 번째로 고정된 이름을 입력 고정름 인쇄를 완벽하게하지만 두 가지 입력 가진 변수 이름이 인쇄으로 그들을"None".

HTML Javascript(InsertarFlask3.html)

<script type=text/javascript>
            
        var i=0;
    
    $(document).ready(function(){
                
        $("#der-iz").click(function(){
            
            var i = i+1;

             $('#Entradas').append('<textarea type="text" id="name" name= "(i)" placeholder="Type 
             your message">');   //Input with name variable. It does not work.

             $('#Entradas').append("<br>");  

        })

        $("#ab-ar").click(function(){
             $('#Entradas').append('<input type="text" id="name2" name="message2" 
             placeholder="Type your message">');  //Input with name fixed. It works.

             $('#Entradas').append("<br>");
            
            
        })

        $(function() {
              $('a#process_input').bind('click', function() {
                $.getJSON('/background_process', {
                  mess1: $('textarea[name="1"]').val(),
                  mess2: $('textarea[name="2"]').val(),
                  message2: $('input[name="message2"]').val()
                }, function(data) {
                  $("#result").text(data.result);
                  $("#result").append("<br>");
                  $("#result").append(data.result1);
                  $("#result").append("<br>");
                  $("#result").append(data.result2);
                });
                return false;
              });
            });
        
        
    });
    </script>

    <body>

       <form>
    
    <div id="Entradas">
        
    </div>
        
        <br>
        
        <a href=# id=process_input><button class='btn btn-default'>Send</button></a>
        
    </form>
                    
    <p>
                <label>
                
                <input type="radio" name="filaint" id="der-iz" value="der-iz" >Right-Left</label>
                
                
                <label>
                    
                <input type="radio" name="filaint" id="ab-ar" value="ab-ar" >Down-Up</label>
    
    </p>
    
    <br>
    
    <div id=result>
    
    </div>

</body>

플라스크

@app.route("/")
def index():

    return render_template("InsertarFlask3.html")

@app.route("/background_process")
def background_process():
    

    lang = str(request.args.get('mess1'))
    lang1 = str(request.args.get('mess2'))
    lang2 = str(request.args.get('message2'))
    
    return jsonify({'result':lang, 'result1':lang1, 'result2':lang2})

의 텍스트 입력에 의해 생성되"라디오 버튼을 der-iz"으로 인쇄 없고,텍스트에 의해 생성된 라디오 버튼은"ab-ar"프린터 드라이버를 사용합니다.

나는 당신을 감사하는 데 도움이 구현됩니다.

flask html javascript jquery
2021-11-24 02:57:35
1

최고의 응답

0

나는 사용하지 않은 jQuery 그러나 나는 이 일반 JS 처음 만드는 요소한 다음 변경하 id 를 동적으로 생성되면,추가 그것이 부모를 다음과 같습니다:

$("#der-iz").click(function(){

  let ta = document.createElement("textarea");
  ta.name = "maybesomethingdescriptive"+i.toString();
  //rest of attributes
  ta.classList.add("control-class") // with this you can query later over an indeterminated number of elements
  document.getElementById("Entradas").appendChild(ta);
  i++;
}

나는 그것을 할 수 있다고 생각에서 바로 JQuery,하지만 할 수 없을 제공하는 해결책

클래스를 추가할 수 있습의 모든 요소를 반복 없이는 방법을 알고 그들 중 많은 사람들,또는 자신의 이름으로 document.querySelectorAll(".control-class")

2021-11-24 04:21:01

당신에게 대단히 감사합니다. 그것은 매우 잘 작동합니다.
Christefs

매우 좋은 기여하고 있습니다.
Christefs

@Christefs Great! 나를 도와 수락 응답이,내가 가는 지점을석
mnzbono

다른 언어로

이 페이지는 다른 언어로되어 있습니다

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................