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;
        }
}

无法让两个动作一起在jquery中工作

2 个答案: