为了账号安全,请及时绑定邮箱和手机立即绑定

使用一个输入字段和一个选择对HTML表进行排序-Javascript

使用一个输入字段和一个选择对HTML表进行排序-Javascript

一只名叫tom的猫 2021-04-28 22:22:59
该脚本用于使用两个标准输入字段对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();    }  });});
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 129 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信