【问题标题】:Change combobox value using jquery使用 jquery 更改组合框值
【发布时间】:2013-02-23 05:16:45
【问题描述】:

我正在使用一个 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>

当您更改网页中组合框的值时,它会更改如下代码,以操作目标对象:

<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”​​的更新值,但类代码和目标对象没有改变。

我做错了什么?

【问题讨论】:

  • 为什么每个语句都使用&lt;script&gt;$(document).ready(function() {
  • ** nAll selected** 尝试从一开始就删除空格。 $(document).ready(function() { $("#W45_Sl").addClass("nAll selected");});
  • undefined - 这使得它在文档完成后运行 jquery。如果有更好的方法让代码在页面加载时运行,请告诉我。
  • UnKnow - 空间由必须存在的程序定义。

标签: jquery class combobox


【解决方案1】:

试试

$(function()
{
    $("#W45_Sl").removeClass("selected").attr("value","h6511;73D71A62420B4A8431F3DF84098216AA").addClass("nAll selected");      
});

【讨论】:

  • 不,这不起作用,它会更改框中的值,但不会更改类以强制更改目标。我可能在程序代码中遗漏了一些东西。
  • @KP_EDIT 您想获得值为 h6511;73D71A62420B4A8431F3DF84098216AA 的选项,然后删除类,然后将类添加到其他..?
猜你喜欢
  • 1970-01-01
  • 2017-05-20
  • 1970-01-01
  • 1970-01-01
  • 2021-02-09
  • 1970-01-01
  • 2022-01-23
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多