求大神帮助

Question

有一个select下拉框，我选择里面的一个值，下面出现不一样的input表单，急急急，求各路大神帮助

Answer 1

你预先准备好表单，select 只控制其是否显示

Answer 2

change事件替换不同表单

Answer 3

//html部分
<h3>模板选择</h3>
                                      <select data-am-selected=""  onchange="demo()" id="test">
                                             <option  value="1">1</option>
                                             <option  value="2">2</option>
                                            </select>   
                                <div class="haha">
                                <div class="xixi">
                                <form>这里是你的表单</form></div></div>//script部分
function demo(){
//获取下拉值
  var options=$("#test option:selected");
  var name=options.val();
    if (name==1) {
 $(".xixi").remove();//移除原来的数据和样式，
$(".haha").append("<div class='xixi'>追加出来的表单1");
}
    if (name==2) {
 $(".xixi").remove();//移除原来的数据和样式，
$(".haha").append("<div class='xixi'>追加出来的表单2");
}

Answer 4

script部分最后少了个}

Answer 5

大神  我上面有一些固定的input数据，当我点击产品的时候，每一个产品出现不一样的input框，就直接出现在下拉框产品下面

Answer 6

你需要做的是通过监听select的变化，来修改下面的html代码。你需要了解一下select下拉框变化的时候会触发js中什么事件，在通过这个事件，来做相应的处理
举个例子：(这只是一个示例，你可以参考一下)<div id="div1">
<input id="old_input" value="">
</div><script>
var html_input ='<input id="new_input" value="">'
$('#select').change(function(){
$('#div1').html(html_input);
});
</script>