IE 中组合框中显示空白值

发布于 2024-12-01 22:37:21 字数 519 浏览 0 评论 0原文

我有以下组合框上下文:-

 <select name="destination" id="destination" style="width: 125px;"
         onchange="onChangeDestination(this.value,'0');">
     <option value="2" selected>2</option>
     <option value="3">3</option>
 </select>

现在我选择一个值“2”并提交表单。下次当我来到同一页面时,我动态地在组合框中设置值。

因此,它不会将值显示为“2”,而是显示 IE 中没有值的空白字段。当我检查这些值时,它会同时显示两个值(“2”和“3”)。一旦我再次选择任何值,空白字段就会消失。 当我刷新页面时,同样的问题再次出现。

请查找图片以供参考

I have following combobox contexts :-

 <select name="destination" id="destination" style="width: 125px;"
         onchange="onChangeDestination(this.value,'0');">
     <option value="2" selected>2</option>
     <option value="3">3</option>
 </select>

Now I am selecting a value as "2" and submitting the form. Next time when I come to the same page I set values in combobox dynamically.

So instead of showing the value as "2" It showing me blank field having no value in IE.When I check the values, it shows me both ("2" and "3"). Once I again select any value then blank field disappears.
Again same issue comes when I refresh the page.

Please find image for reference

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

睫毛溺水了 2024-12-08 22:37:21

我尝试过,但我总能看到它(此处使用 IE9):

Live JsBin 的示例

但是现在您发布了一张图片,请让我们知道您的 DOCTYPE...

我确定您使用的是旧图片,并且您需要指定:

<option value="2" selected="selected">2</option>

而不是你有。

顺便说一句...你应该有一个“请选择”选项,就好像你没有在 DOM 上运行 onChange 代码一样,你希望用户如何在不选择 3 然后返回 2 ...

在 javascript 方法中, if 就可以解决这个问题( parseInt(a, 10) == -1 ) return; 将避免任何文本框创建。

I tried but I can always see it (using IE9 here):

Live example at JsBin

But now that you posted an image, please let us know what is your DOCTYPE...

I'm sure that you are using an old one and you need to specify:

<option value="2" selected="selected">2</option>

instead of what you have.

And by the way... you should have a "Please select" option as if you don't run on DOM ready the onChange code how would you want the user to see 2 textfields without choosing 3 and then back 2 ...

an <option value="-1" selected="selected">Please select</option> would do the trick where in the javascript method, if ( parseInt(a, 10) == -1 ) return; will avoid any textboxed creation.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文