0

以下のコードに示すデフォルトの「すべて」の値にコンボボックスを発行する Web プログラムを使用しています。

<select size="1" name="W45_Sl" id="W45_Sl" style="cursor: pointer;">
<option class="selected" value="u;" selected="1">(All)</option>
<option class=" nAll" value="h6512;73D71A62420B4A8431F3DF84098216AA">2/22/2013</option>
<option class=" nAll" value="h6511;73D71A62420B4A8431F3DF84098216AA">2/21/2013</option>
<option class=" nAll" value="h6510;73D71A62420B4A8431F3DF84098216AA">2/20/2013</option>
</select>

Web ページでコンボボックスの値を変更すると、以下のようにコードが変更され、ターゲット オブジェクトが操作されます。

<select size="1" name="W45_Sl" id="W45_Sl" style="cursor: pointer;">
<option class="" value="u;" selected="1">(All)</option>
<option class=" nAll" value="h6512;73D71A62420B4A8431F3DF84098216AA">2/22/2013</option>
<option class=" nAll selected" value="h6511;73D71A62420B4A8431F3DF84098216AA">2/21/2013</option>
<option class=" nAll" value="h6510;73D71A62420B4A8431F3DF84098216AA">2/20/2013</option></select>

私がjqueryでやりたいことは、ロード時にコンボボックスをデフォルト値に変更して、ターゲットオブジェクトを変更することです.コンボボックスを変更するために以下のjqueryを書きました:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script>$(document).ready(function() { $("#W45_Sl").removeClass("selected");});</script>
<script>$(document).ready(function() { $("#W45_Sl").val("h6511;73D71A62420B4A8431F3DF84098216AA");});</script>
<script>$(document).ready(function() { $("#W45_Sl").addClass(" nAll selected");});</script>

私の問題は、コンボボックスが「h6511;73D71A62420B4A8431F3DF84098216AA」「2/21/2013」の更新された値を反映することですが、クラスコードとターゲットオブジェクトは変更されません。

私は何を間違っていますか？

4

1 に答える 1

0

試す

$(function()
{
    $("#W45_Sl").removeClass("selected").attr("value","h6511;73D71A62420B4A8431F3DF84098216AA").addClass("nAll selected");      
});
于 2013-02-23T05:22:05.587 に答える