Javascript Chrome下拉列表问题_Javascript_Jquery_Html_Google Chrome

Javascript Chrome下拉列表问题

javascript jquery html google-chrome

Javascript Chrome下拉列表问题,javascript,jquery,html,google-chrome,Javascript,Jquery,Html,Google Chrome,我对Chrome有问题。我有一个下拉列表。除了铬之外，它工作得很好。然而，对于chrome，它首先添加了一个空元素 HTML部分： <head> <script type="text/javascript"> $(document).ready(function() { townDistrictObject.bind({cityId:1}); }); </script> </head> <body>

我对Chrome有问题。我有一个下拉列表。除了铬之外，它工作得很好。然而，对于chrome，它首先添加了一个空元素

HTML部分：

<head>   
<script type="text/javascript">       
  $(document).ready(function() {
  townDistrictObject.bind({cityId:1});
});
</script>
</head>
    <body>               
        <div class="left marginleft15">
            <p>Town</p>
            <p>
                <select name="town1" id="townId" style="width: 152px;">
                    <option selected="selected" value="999999999">Whole Istanbul</option>
                    <option value="999999998">Anatolian Part</option>
                </select>
            </p>
        </div>
        <div class="left marginleft15">
            <p>District</p>
            <p>
                <select id="districtId" name="districtid1" style="width: 174px;" >
                    <option selected="selected" value="0">Whole Districts</option>
                </select>
            </p>
        </div>
    </body>

问题说明：

首先，列表顶部有一个空元素（不应该是！）

其次，我将单击其中一个按钮。（“整个伊斯坦布尔”是我的示例。）

最后，我检查列表，顶部的元素消失了。那以后一切都好了

PS:我检查了代码，我认为问题与脚本端有关。谢谢你的帮助。

可能是因为你在做：

townElement.val(0);

当没有具有此值的选项时，您将下拉值设置为零。是否应该使用默认值而不是零

问题在于该行的id设置错误：

townElement.val(0);

用Jquery将答案替换为：

townElement.get(0).selectedIndex = 0;

我意识到问题在于你说的那句话。我想设置下拉列表的第一个元素。我可以使用：townElement.selectedIndex=0；那很好。但是，如何使用JQuery设置下拉列表的第一个元素？谢谢您的帮助。投票表决。我写了一个答案。

townElement.get(0).selectedIndex = 0;