该脚本用于使用两个标准输入字段对HTML表格进行排序,但是我试图将select用作第二个输入字段,并且我似乎无法找到一种方法来调用函数onchange来让select specialidid id用作输入。请帮忙。非常感谢你!这是代码:<script src="https://code.jquery.com/jquery-1.7.1.js"></script><input type="text" id="infoid" placeholder="Contractor Name"><select id="specialtyid" onChange=" "> <option value="">Select Contractor Type:</option> <option value="Electrician">Electrician</option> <option value="HVAC">HVAC</option> <option value="Plumber">Plumber</option></select><p></p><table id="table"> <tr> <td>Jack Doe</td> <td>HVAC</td> </tr> <tr> <td>Jack Doe JR</td> <td>Plumber</td> </tr> <tr> <td>Jane Doe</td> <td>Electrician</td> </tr> <tr> <td>Rick Pro</td> <td>Plumber</td> </tr></table>$(window).load(function() { var $rows = $('#table tr'), info, specialty; $('input').keyup(function() { infovalue = $('#infoid').val().toLowerCase(), specialtyvalue = $('#specialtyid').val().toLowerCase(); $rows.each(function(index, tr) { info = $(tr).find('td:nth-of-type(1)').text().toLowerCase(), specialty = $(tr).find('td:nth-of-type(2)').text().toLowerCase(); if ((info.indexOf(infovalue) != -1) && (specialty.indexOf(specialtyvalue) != -1)) { $(this).show(); } else { $(this).hide(); } }); if ((searchVal1 === '') && (searchVal2 === '')) { $rows.show(); } });});
添加回答
举报
0/150
提交
取消