jQuery/change()

解説要素の変更時のアクションを指定

sample1

---

sample1code

$(function(){
  $("#sample1Select").change(function(){
    var s1Str = "";
    $("#sample1Select option:selected").each(function(){
      s1Str += $(this).text() + ".";
    });
    $("#sample1p").text(s1Str);
  });
});

sample2 男性女性

---

sample2code

$(function(){
  $('input[type="radio"]').change(function(){
    var s2Val = $(this).val();
    $("#sample2p").text(s2Val);
  });
});

sample3

sample3code

$(function(){
  $("#s3Select").change(function(){
  	$("#s3p").text(this.value);
  });
});