Fatal编程技术网
  • javascript/
  • Javascript 切换div在'；s各自的选项不是；改为；但是"；选定的“；？

Javascript 切换div在'；s各自的选项不是；改为；但是"；选定的“；？

javascript php jquery

Javascript 切换div在'；s各自的选项不是；改为；但是"；选定的“；？,javascript,php,jquery,Javascript,Php,Jquery,非常简单的事情：在我的表单上，我在选择选项的三个div之间切换。使用这个，所以这个。只是一个简单的jQuery更改函数。所以，我不再提他们了。我使用相同的表单插入和编辑数据。在这里，我用最小化代码的虚拟形式展示了两部分代码： <form> <select name="choice_type" id="choice_type"> <option value="">Select One</optio

非常简单的事情：在我的表单上，我在选择选项的三个div之间切换。使用这个，所以这个。只是一个简单的jQuery更改函数。所以，我不再提他们了。我使用相同的表单插入和编辑数据。在这里，我用最小化代码的虚拟形式展示了两部分代码：

<form>
<select name="choice_type" id="choice_type">
<option value="">Select One</option>
<option value="type1"
                        <?php
                        if ( isset($_POST['choice_type']) && $_POST['choice_type'] != '' ) {
                            echo ( $_POST['choice_type'] == 'type1' ? 'selected="selected"' : 'disabled="disabled"' );
                        } elseif( isset( $query_with_id ) && !empty($query_with_id[0]->choice_type) ) {
                            echo ( $query_with_id[0]->choice_type == 'type1' ? 'selected="selected"' : 'disabled="disabled"' );
                        } else {
                            echo '';
                        }
                        ?>
                    >Type 1</option>
<option value="type2"
                        <?php
                        if ( isset($_POST['choice_type']) && $_POST['choice_type'] != '' ) {
                            echo ( $_POST['choice_type'] == 'type2' ? 'selected="selected"' : 'disabled="disabled"' );
                        } elseif( isset( $query_with_id ) && !empty($query_with_id[0]->choice_type) ) {
                            echo ( $query_with_id[0]->choice_type == 'type2' ? 'selected="selected"' : 'disabled="disabled"' );
                        } else {
                            echo '';
                        }
                        ?>
                    >Type 2</option>
</select>
<input type="submit" name="publish" id="publish" value="Publish"/>
</form>

<div id="type1" class="togglediv hide-me">Type1</div>
<div id="type2" class="togglediv hide-me">Type2</div>
使用
change（）。由于表单返回时带有一个选中的选项，因此它不会加载相应的div，因为不会触发此类更改。由于其他两个选项现在根据我的场景被禁用，如果我选择“selectone”选项，然后再次选择“Type1”选项，它将触发对JS的更改并加载div

问题:
那么，同一个JS如何能够通过一些简单的调整来帮助加载相应的div呢

任何帮助都将不胜感激

编辑
考虑到这一点，我将jQuery改为：


$(function() {

                    $('#choice_type').change(function(){
                        $('.togglediv').hide();
                        $('#' + $(this).val()).show();
                    }).focus(function(){
                            $('.togglediv').hide();
                            $('#' + $(this).val()).show();
                        });

                });


这对我的查询几乎是一件好事，但它仍然需要单击select属性。不完全是我想要的。
你试过了吗


<body onload="showdiv()">







showdiv（）几乎就是您上面的JS代码？这应该只是在页面完全加载后执行函数并显示正确的div。
这是一个WordPress插件，因此我无法进入
标签。我在各自的div上尝试了
onload=“showdiv（）”
，但失败了：（您可以尝试：
$（window.load（function（）{/..}）；


<body onload="showdiv()">