jquery - ドロップダウンから特定の値を選択する方法

Question

ドロップダウンメニューから値を選択しようとしています。私のコードは現在次のようになっています：

var pnam= $(this).parent().parent().find("td").eq(1).html().trim();
    $("#parentModule_name").find("option").each(function(){
          if ($(this).text()==pnam) {
              $(this).attr('selected','selected');
          }
    });

フローは、属性が正しく選択されている内側のループに入ります。ただし、期待した結果は得られていません。おかしなことに、私のページで要素を調べると、これが私が得たものです

<select id="parentModule_name" name="parentId">
                        <option value="0">Please Select</option>                                    
                                    <option value="12">Admin</option>




                                    <option value="13">Util</option>




                                    <option value="15" selected="selected">Vendor</option>




                                    <option value="16">Shubham</option>



                        </select>

あなたが見ることができるように。値は正しく選択されていますが、ページに表示されていません。どんな助けでもいただければ幸いです。ありがとうございました

Answer 1

マークアップ（または少なくともその選択部分）とスクリプトが機能しているようです：http：//jsfiddle.net/7RGgA/

ページの読み込み時にこれを実行している場合は、スクリプトを次のようにラップしていますか？$(document).ready();

$(document).ready(function(){
   var pnam= $(this).parent().parent().find("td").eq(1).html().trim();
    $("#parentModule_name").find("option").each(function(){
          if ($(this).text()==pnam) {
              $(this).attr('selected','selected');
          }
    });
});

Answer 2

別のアプローチは、オプションをフィルタリングし、選択したプロパティを設定することです。

$('#parentModule_name > option')
    .filter(function() { return $(this).text() == pnam; })
    .prop('selected', true);

jsFiddleデモ

Answer 3

$（document）.ready（function（）{

        $("#parentModule_name").change(function () {
              var temp=  $(this).find("option:selected").text();
              alert(temp);
               });
        });

Answer 4

これを試して

$(function(){
      $('#parentModule_name')
      .find('option[text="'+ pnam +'"]')
      .attr('selected','selected');
});