jquery - 不能让这两个动作在 jquery 中一起工作

Question

所以，这就是问题所在。我编写了一个代码，它根据选定的下拉菜单打开一个 div。这很好用。然后我想预先选择一个特定的选项（$_POST['value']）。这很好用。当我也想打开相关的 div 时，问题就来了。我可以做一个或另一个，但永远不能同时做。请注意，我包含了工作选项并将其注释掉。请告诉我我应该做什么：

   $(document).ready(function(){
   $('.box').hide();
     $('#sow').change(function() {
        $('.box').hide();
        $('#div' + $(this).val()).show();
     });
   });
  var theText = "Printer Setup";
  //$("#sow option:contains(" + theText + ")").attr('selected', 'selected');
  //$("#sow option:contains(" + theText + ")")$('#divoption5').show();
  $("#sow option:contains(" + theText + ")").attr('selected', 'selected')$('#divoption5').show();

Answer 1

尝试使用end()- http://jsfiddle.net/YRJLY/

var theText = "Printer Setup";

$("#sow option:contains(" + theText + ")")
    .attr('selected', 'selected')
    .end()
    .find('#divoption5')
    .show();

Answer 2

也许这就是你想做的？（http://jsfiddle.net/ft2PD/13/ 显示所选项目何时需要显示 div，http://jsfiddle.net/ft2PD/14/显示所选项目何时应隐藏 div。

这是代码：

<select id='myselect'>
    <option  selected='selected' value='-1'>Please Select </option>
    <option  value='0'>value 0</option>
    <option value='1'>value 1</option>
</select>
<div id='content' style="display:none;">
    content will come here.
</div>

和javascript：

    $(document).ready(function(){
    ShowDiv($('#myselect option:selected'));
    $('#myselect').change(function(){

        ShowDiv(this);
    });

});
function ShowDiv(item)
{
    switch($(item).val())
        {
            case "0":
                $('#content').show();
                break;
            default:
                $('#content').hide();
                break;
        }
}​