无法在旁边显示文本下拉在引导淘汰网页 [英] 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屋！