我正在开发一个应用有文化和瓶产生的投入的类型文字动态,通过点击相应的无线电按钮,那么,程序必须捕获的文本的各个输入和打印它在屏幕底部。 当我只产生一个输入从一个无线电按钮与"名称"的如下设置、应用程序完美的作品:
$('#Entradas').append('<input type="text" id="name2" name="message1" placeholder="Ingresa tu mensaje">')
但因为我可以产生几个输入从相同的无线电按钮,我需要以某种方式参数"的名字"可变或自动增加每次输入产生与无线电按钮以便在处理时通过代码在瓶中,它可以打印文本的所有输入已经产生。 有以下代码,我产生两种类型的投入,第一的变量名称和第二,与固定的名称,输入与固定名称印它完美,但两个输入变量名称印它们作为"无"。
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"是正确打印。
我很感激你帮我要纠正这种执行情况。