欢迎光临
我们一直在努力

jq获取select值并追加内容到div

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
<script src="https://cdn.bootcss.com/jquery/1.11.1-beta1/jquery.min.js"></script>

</head>
<body>
<select id="mySelect" class="selector" >
  <option value="volvo">追加1</option>
  <option value="saab">追加2</option>
  <option value="opel">追加3</option>
  <option value="audi">追加4</option>
</select>

<div id='divappend'></div>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
$('#mySelect').change(function(){ 
   var d1 = $(".selector").val();
   $('#divappend').append("#"+d1);
});
</script>
</body>
</html>

 

未经允许不得转载:第五博客 » jq获取select值并追加内容到div
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

更专业 更方便

联系我们