无法在旁边显示文本下拉在引导淘汰网页 [英] Unable to show text along side a drop down in bootstrap knockout webpage
本文介绍了无法在旁边显示文本下拉在引导淘汰网页的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在第二个TR中,文本Minutes在TextBox的一侧可见,但在第一个TR中,不会出现'Minutes'。
< div class =span6>
< table class =table>
< tr>
< td data-bind =i18nTranslateText:'abc'>< / td>
< td>
< select style =width:auto; data-bind =options:pqr,value:abc.xyz/>
< span data-bind =i18nTranslateText:'Minutes'>< / span>
< / td>
< / tr>
< tr>
< td data-bind =i18nTranslateText:'abc'>< / td>
< td>
< input style =width:25px; maxlength =2data-bind =value:dfe.eds/>
< span data-bind =i18nTranslateText:'Minutes'>< / span>
< / td>
< / tr>
< / table>
< / div>你的问题与Knockout无关:
p>
您有选择标签会导致无效的HTML,因此浏览器解释您的<$ c $> c> span 作为选择
的内容。
使用< / select>
关闭您的选择
:
< tr>
< td data-bind =i18nTranslateText:'abc'>< / td>
< td>
< select style =width:auto; data-bind =options:pqr,value:abc.xyz>
< / select>
< span data-bind =i18nTranslateText:'Minutes'>< / span>
< / td>
< / tr>
In the second TR, text 'Minutes' is visible by side of TextBox, but in first TR, 'Minutes' is not appearing.
<div class="span6">
<table class="table">
<tr>
<td data-bind="i18nTranslateText: 'abc'"></td>
<td>
<select style="width: auto;" data-bind="options: pqr, value: abc.xyz" />
<span data-bind="i18nTranslateText: 'Minutes'"></span>
</td>
</tr>
<tr>
<td data-bind="i18nTranslateText: 'abc'"></td>
<td>
<input style="width: 25px;" maxlength="2" data-bind="value: dfe.eds" />
<span data-bind="i18nTranslateText: 'Minutes'"></span>
</td>
</tr>
</table>
</div>
解决方案
Your problem has nothing to do with Knockout:
you have self-closed your select
tag which results in invalid HTML so the browser interprets your span
as the content of the select
.
To fix this just properly close your select
with </select>
:
<tr>
<td data-bind="i18nTranslateText: 'abc'"></td>
<td>
<select style="width: auto;" data-bind="options: pqr, value: abc.xyz" >
</select>
<span data-bind="i18nTranslateText: 'Minutes'"></span>
</td>
</tr>
这篇关于无法在旁边显示文本下拉在引导淘汰网页的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文