使<select>可输入

用户需求可以在<select>可输入内容。在网上查找的方法,onchange事件方法,在我这里不能正常使用,我修改为onclick方法后OK
                <div style="position:relative;">
                    <span style="margin-left:100px;width:18px;overflow:hidden;">
                        <select id="selMarkDesc" style="width:118px;margin-left:-100px" onclick="this.parentNode.nextSibling.value = this.value">
                            @foreach (var List in @ViewBag.ListMarkDesc)
                            {
                             <option value="@List.MarkDescription">@List.MarkDescription</option>
                            }
                        </select>
                    </span><input name="txtMarkDescSelect" id ="txtMarkDescSelect" style="width:100px;position:absolute;left:0px;">
                </div> 

<div class="table-container"> <table> <thead> <tr> <th>序号</th> <th>业务名称</th> <th>受理主体编号</th> <th>受理主体名称</th> <th>受理时间</th> <th>是否符合规定</th> <th>具体记录情况</th> </tr> </thead> <tbody id="checkRecordBody"> <tr> <td>1</td> <td><input type="text" placeholder="请输入业务名称"></td> <td><input type="text" placeholder="请输入受理主体编号"></td> <td><input type="text" placeholder="请输入受理主体名称"></td> <td><input type="date"></td> <td> <select> <option value="" disabled selected>请选择</option> <option>是</option> <option>否</option> </select> </td> <td><input type="text" placeholder="请输入具体记录情况"></td> </tr> <tr> <td>2</td> <td><input type="text" placeholder="请输入业务名称"></td> <td><input type="text" placeholder="请输入受理主体编号"></td> <td><input type="text" placeholder="请输入受理主体名称"></td> <td><input type="date"></td> <td> <select> <option value="" disabled selected>请选择</option> <option>是</option> <option>否</option> </select> </td> <td><input type="text" placeholder="请输入具体记录情况"></td> </tr> <tr> <td>3</td> <td><input type="text" placeholder="请输入业务名称"></td> <td><input type="text" placeholder="请输入受理主体编号"></td> <td><input type="text" placeholder="请输入受理主体名称"></td> <td><input type="date"></td> <td> <select> <option value="" disabled selected>请选择</option> <option>是</option> <option>否</option> </select> </td> <td><input type="text" placeholder="请输入具体记录情况"></td> </tr> <tr> <td>4</td> <td><input type="text" placeholder="请输入业务名称"></td> <td><input type="text" placeholder="请输入受理主体编号"></td> <td><input type="text" placeholder="请输入受理主体名称"></td> <td><input type="date"></td> <td> <select> <option value="" disabled selected>请选择</option> <option>是</option> <option>否</option> </select> </td> <td><input type="text" placeholder="请输入具体记录情况"></td> </tr> <tr> <td>5</td> <td><input type="text" placeholder="请输入业务名称"></td> <td><input type="text" placeholder="请输入受理主体编号"></td> <td><input type="text" placeholder="请输入受理主体名称"></td> <td><input type="date"></td> <td> <select> <option value="" disabled selected>请选择</option> <option>是</option> <option>否</option> </select> </td> <td><input type="text" placeholder="请输入具体记录情况"></td> </tr> </tbody> </table>在每一行添加复选框用于选中
最新发布
07-22
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值