自動切換欄位

Question

目前，我在頁面上有一個可以通過按鈕打開或關閉的字段。 但是我想讓該字段根據字段中的內容自動可見。 換句話說，字段UserId get是Xml中當前用戶的ID。 如果用戶ID例如是M.Bros或L. Bros，則該字段應該是可見的，但對於其他任何人都應該是不可見的。

    <div id="content" style="display:block;">
        <table datasrc="#XmlUserInfo">
            <tr>
            <td style="height: 28px">UserID</td>
            <td style="height: 28px">
            <input datafld="UID" name="UserId" size="35" type="text" /></td>
            </tr>
        </table>
    </div>

<script type="text/javascript">
    function toggleContent() {
    //Get the DOM reference
    var contentId = document.getElementById("content");
    //Toggle
    contentId.style.display == "block" ? contentId.style.display = "none" :
    contentId.style.display = "block";
    }
</script>

<button onclick="toggleContent()">Toggle</button>

Answer 1

如果您希望文本框在包含文本時可見，請嘗試獲取文本框的ID（以您的情況為UID）。

if（UID.value ==''）UID.style.display ='none'else UID.style.display ='block';