javascript - 有没有办法动态更改JavaScript中选择标签的值和显示?

标签 javascript jquery html ajax

这是我的 html 文件中的 Javascript:

<script>
                    $(document).ready(function(){
                        $("#sub").click(function(){
                            var user_issue = $("#issue").val();
                            var user_priority = $("#priority").val();
                            var user_type = $("#type1").val();
                            $.post("BugReport.php",{issue:user_issue,priority:user_priority,type1:user_type},function(data){
                                $("#result").html(data);
                                //location.reload(true);
                            });
                            $.post('BugDisplay.php',{},function(data){
                                $("#BugDisplay").html(data);
                            });
                            document.getElementById('issue').value='';
                            document.getElementById('type1').value='Listing Discrepancy';  //this is my attempt at solving the problem.
                        });
                        $.post('BugDisplay.php',{},function(data){
                                $("#BugDisplay").html(data);
                            });
                    });
                </script>

这是我的 html:

<select name = "type1" id = "type1">
                <option value = "Listing Discrepancy">Listing Discrepancy</option>
                <option value = "PO Discrepancy">PO Discrepancy</option>
                <option value = "Pricing Discrepancy">Pricing Discrepancy</option>
                <option value = "Program Glitch">Program Glitch</option>
                <option value = "Receiving Discrepancy">Receiving Discrepancy</option>
                <option value = "RMA Discrepancy">RMA Discrepancy</option>
                <option value = "Sales Discrepancy">Sales Discrepancy</option>
                <option value = "Shipping Discrepancy">Shipping Discrepancy</option>
            </select>

我想要做的是单击更改选择语句,以便它重置回“Listing Discrepency”的默认显示,并将值分配给“Listing Discrepency”。

最佳答案

您只需将选择的 selectedIndex 属性更改为第一个 0 项即可。

HTML:

<button class="reset">Reset</button>  

jQuery:

$(".reset").click(function () {
    $('#type1').prop('selectedIndex', 0);
});

或者只是纯 JavaScript:

document.getElementById("type1").selectedIndex = "0";

工作中example .

关于javascript - 有没有办法动态更改JavaScript中选择标签的值和显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31276016/

相关文章:

php - 通过ajax/jquery调用在页面滚动上加载MySQL数据不会带来正确的数据

javascript - 根据 Javascript 中的递归函数的父级和子级追加元素

javascript - 在父DIV下按类查找DIV

javascript - AngularJS $filter ('orderBy' ) 奇怪的排序

javascript - 从下拉列表中选择 "intelligently"

javascript - 单击子级别的垂直 CSS 和 Javascript onclick 菜单使其消失

javascript - React 组件渲染为空

javascript - 单击 popover 触发元素时如何关闭/关闭 Bootstrap Popover?

Javascript 函数结果在 Firefox 中不显示

javascript - 如何在html选项中添加onClick?