javascript - jQueryを介して複数のクラス名に基づいてDOM全体に選択フォームの値を伝播する

Question

同じ (いくつかの) クラス属性をすべて共有するドロップダウン リストがたくさんあるので、変更時に DOM を介してそれらの値を伝播したいと考えています。

  <select class='drpdwn required'>(...)</select>

したがって、これは機能します：

        $("select").change(function() {
            var newval = $(this).val();
            var the_class = $(this).attr('class');
            var ar = the_class.split(" ");
            the_class = ar[0];
            $("."+the_class).val(newval);
        });

でもそれも変わる

  <select class='drpdwn not_required'>(...)</select>

そして、これは伝播しません:

        $("select").change(function() {
            var newval = $(this).val();
            var the_class = $(this).attr('class');
            $("."+the_class).val(newval);
        });

私は何が欠けていますか？このように jQuery 経由で要素を選択することはできませんか?

  $('.three class names')

?

ありがとう。