드롭 다운 목록에서 옵션을 선택하면 검색 상자 자리 표시 자 텍스트가 변경되어야합니다.

아몰 다브 카르

이 코드로 드롭 다운 목록을 만들었습니다.

  <select class="selectpicker" id="select_designatfirst" title="Select Designation">
  <?php foreach ($this->hierarchydisp as $val) { ?>
  <option value="<?php echo $val['hierarchy_id']; ?>" ><?php echo $val['hierarchy_name'] ?></option>
  <?php } ?>
  </select>

지금까지이 출력을 얻고 있습니다.

드롭 다운 목록별로 검색 상자 자리 표시 자 텍스트를 변경하려고합니다.

검색 창은 다음과 같습니다.

   <input type="text" class="form-control" id="empSearch"  placeholder="Search Employees">

검색 상자의 자리 표시 자 텍스트는 Search Company Admin사용자가 선택 상자에서 회사 관리자를 선택한 경우 여야합니다 .

쓸모없는 코드

change선택 상자에 이벤트 를 첨부해야합니다 . 그 안에 선택한 옵션에서 텍스트가져와placeholder 검색 상자에 속성을 설정합니다 .

var select_designatfirst = $('#select_designatfirst'),
  empSearch = $('#empSearch');

select_designatfirst.on('change', function () {
  empSearch.attr('placeholder', 'Search ' + select_designatfirst.find(':selected').text());
});

jsFiddle 예제

즉, 검색 상자가 드롭 다운에서 멀리 떨어져 있지 않으면이 작업을 수행 할 필요가 없습니다. 드롭 다운에 적절하게 레이블이 지정되어 기능이 명확하면 검색 결과가 특정 직원 유형으로 만 제한된다는 것이 분명해야합니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

Related 관련 기사

뜨겁다태그

보관