目前我正在尝试创建一个表单,您可以在其中根据需要添加新字段/滑块。该人可以将他们的技能名称添加到文本框,然后在滑块上选择他们对该技能所处的级别,然后他们可以根据需要选择添加其他技能。
然后,当用户点击提交按钮时,我想将此数据发布到一个 php 文件中,我将能够处理其余部分并将这些详细信息插入到它们对应的数据库表中。
我有以下代码,它显示一个文本框,但我真的没有使用 jQuery:
<script>
$(function addSlide() {
$( "#slider" ).slider({
value:1,
min: 0,
max: 5,
step: 1,
slide: function( event, ui ) {
$( "#amount" ).val( ": " + ui.value );
}
});
$( "#amount" ).val( ": " + $( "#slider" ).slider( "value" ) );
});
$(document).on('click', '.addNew', function() {
$('#container').append(addSlide);
});
</script>
<div id="container">
<button class="addNew">Add</button>
<form><br><input type="text" name="skill" placeholder="What's your skill?">
<p>
<label for="amount">Skill Level: 1</label>
<input type="text" id="amount" style="border: 0; color: #f6931f; font-weight: bold;" />
</p>
<div id="slider"></div>
</form>
</div>
先谢谢了,希望能帮到你!!