php - 変更時に選択ボックスの値を取得

Question

次のスクリプトは、select box onchange の結果を示します。しかし、ページ全体の値が再びリロードされます。私は多くのことを試しましたが、役に立ちません。

私のコード、

<script>
    $(function(){
      $("select[name='cname']").change(function () {
      var str = "";
      $("select[name='cname'] option:selected").each(function () {
            str += $(this).text() + " ";

          });

            jQuery.ajax({
            type: "POST",
            url:"",
            data:  $("form#a").serialize(),

            success: function(data){
                jQuery(".res").html(data);

                $('#test').html(data);


            }
            });  
            var str = $("form").serialize();
            $(".res").text(str);
    });
    });
    </script>

Answer 1

選択の変更がどのように機能するかを示すために、JSFiddle の例http://jsfiddle.net/LU24D/1/ (あなたのものよりも小さい) を作成しました。また、変数「str」のロジックの量を減らしました。

 $(document).ready(function(){
 $("select[name='cname']").change(function (evt) {
 evt.preventDefault();
       var str = $("select[name='cname'] option:selected").text();
           alert(str);
     });
 });

Answer 2

$('#nameFont').change(function() {


                    var nameFont=document.getElementById('nameFont').value;//alert(nameFont);

                    $('#nameFontDiv').html(changefontfamily);


         });