第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Javascript 隱藏/取消隱藏基于文本框 keyup 的 viewbag 項目

Javascript 隱藏/取消隱藏基于文本框 keyup 的 viewbag 項目

撒科打諢 2023-05-25 16:33:59
我希望我的用戶在文本框字段中輸入他們的登錄名,并在下面顯示一個單選按鈕列表,其中包含與其用戶名相關(guān)聯(lián)的患者組。然而,我似乎只能讓我的 Viewbag 中的第一個項目工作。下面是我正在使用的js。<script>        var check = function () {                           if (document.getElementById('Username').value ==                         document.getElementById('projects').getAttribute("name"))                  {                             var userName = document.getElementById('Username').value;                             document.getElementsByName(userName)[0].style.display = 'table-row';                     }                  else                  {                     document.getElementById('projects').style.display = 'none';                     }             }            </script>這是正文:<div class="row">        <div class="col-md-8">            <form asp-action="SubmitAttempt" method="post">                <div class="form-group">                    <label name="Username" class="control-label">Enter Username</label>                    <input name="Username" id="Username" class="form-control" required onkeyup="check();"/>                </div>               <div class="form-group">                    <label name="Email" class="control-label">Enter Email Address</label>                    <input name="Email" class="form-control" required />                </div>                <table border="1" style="margin: 5px">                    @if (ViewBag.Subs != null)                    {                        foreach (var subs in ViewBag.Subs)                        {                        <tr id="projects" name="@subs.Username" style="display:none" value="@subs.Username">                            <td><input type="radio" value="@subs.PatientName" name="PatientName" class="form-control"/></td>                            <td>@subs.ProjectName</td>                            <td>&nbsp;</td>                            <td>@subs.PatientSet</td>                        </tr>                        }                    }    我應(yīng)該在我的 js 中使用循環(huán)來檢查每個 tr 并與文本輸入進(jìn)行比較嗎?
查看完整描述

1 回答

?
繁星coding

TA貢獻(xiàn)1797條經(jīng)驗 獲得超4個贊

我應(yīng)該在我的 js 中使用循環(huán)來檢查每個 tr 并與文本輸入進(jìn)行比較嗎?


是的,需要用循環(huán)來逐個比較。


另外,你的代碼有一些錯誤,我建議不要使用Id選擇器,因為相同id的tr有很多,使用Id選擇器總是選擇第一個。


我做了一些修改,你可以參考下面的代碼:


<table border="1" style="margin: 5px">

    @if (ViewBag.Subs != null)

    {

        foreach (var subs in ViewBag.Subs)

        {

            <tr id="projects" name="subsName" style="display:none" value="@subs.UserName">

                <td><input type="radio" value="@subs.PatientName" name="PatientName" class="form-control" /></td>

                <td>@subs.ProjectName</td>

                <td>&nbsp;</td>

                <td>@subs.PatientSet</td>

            </tr>


        }

    }

</table>



<script>


    var check = function () {

        var userName = document.getElementById('Username').value;

        var trs = document.getElementsByName('subsName');

        for (var i = 0; i < trs.length; i++) {

            if (userName == trs[i].getAttribute("value")) {

                trs[i].style.display = 'table-row';

            }

            else {

                trs[i].style.display = 'none';

            }

        }

    }

</script>


查看完整回答
反對 回復(fù) 2023-05-25
  • 1 回答
  • 0 關(guān)注
  • 170 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號