CodeIgniter보기 페이지에서 검색 가능한 선택 상자를 표시하고 싶습니다. 그리고 추가 버튼을 사용하여 검색 가능한 선택 상자의 복사본을 원하는만큼 조작 할 수 있습니다. ajax 호출로 채워진 검색 가능한 선택 상자 데이터입니다. 이것은 내 요구 사항이며, 문제를 명확히하기 위해 아래 그림을 추가하고 있습니다.
아래에서 ajax 요청을 처리하는 CodeIgniter 컨트롤러 기능을 제공하고 있습니다.
public function ajax_load()
{
if ($this->input->is_ajax_request())
{
$labtests = $this->Laboratory_service_model->getLabTests(); //gets result_array()
if (!empty($labtests))
{
$data['return'] = true;
$data['a'] = $labtests;
echo json_encode($data);
}
else
{
$data['return'] = false;
$data['message'] = 'cant get data from table';
echo json_encode($data);
}
}
else
{
$data['return'] = false;
$data['message'] = 'Ajax request not getting';
echo json_encode($data);
}
}
그리고 내 JavaScript 파일은 다음을 제공합니다.
$.ajax({
type: 'POST',
url: surl + 'LabServices/ajax_load',
success: function (data)
{
var ndata = JSON.parse(data);
if (ndata.return == true)
{
var myOptions = ndata.a;
var mySelect = $('#mySelect');
myOptions.forEach(function(data)
{
mySelect.append(
$('<option></option>').val(data.id).html(data.name)
);
});
}
else if (ndata.return == false)
{
$('.error').text(ndata.message);
}
else
{
$('.error').text('something went wrong');
}
},
error: function ()
{
$('.error').text('something went wrong');
}
});
나는 이미 ajax를 사용하여 컨트롤러에서 데이터를 가져오고 CodeIgniter의 select2 라이브러리를 사용하여 검색 가능한 선택 상자를 만들었습니다. 하지만 버튼으로 선택 상자를 동적으로 조작하는 방법을 모르겠습니다. 솔루션 친구를주세요 ..
내보기 페이지 섹션은 다음과 같습니다.
<a class="col-md-6 mb-3 htmlitems">
<label>Lab Tests</label>
<div class="form-control ">
<select id="mySelect" class="" style="width: 100%;" name="tests">
</select>
</div>
<a id="" class="btn btn-danger add_spec"> + </a>
</div>
미리 감사드립니다 Shinoy
- 답변 # 1
관련 자료
- PHP를 사용하여 mysql에서 동적으로 테이블 선택
- python - Pygame을 사용하여 버튼을 어떻게 동적으로 생성합니까?
- android - rxJava를 사용하여 AWS 서버에 여러 이미지 업로드
- amazon web services - AWS CLI를 사용하여 여러 AWS 스냅 샷을 대량 삭제하는 방법은 무엇입니까?
- python - 팬더, 목록의 입력을 사용하여 날짜 선택
- amazon s3 - AWS Glue를 사용하여 S3에서 Elasticsearch로 데이터로드
- sql - 여러 SELECT 문이있는 사례
- python - 여러 if 문을 사용하여 함수의 복잡성을 줄이는 방법
- javascript - shiny의 DT 패키지에서 선택 확장과 함께 제공되는 모두 선택 버튼을 사용하여 필터링 된 행만 선택합니다
- r - "across"를 사용하여 dplyr에서 여러 열 변경
- awk - 기본 제공 UNIX 도구 중 하나를 사용하여 텍스트 범위 선택
- session storage - 자바 스크립트 - 여러 선택 상자에서 값 대신 텍스트 가져 오기
- linux - 단일 명령에 여러 별칭 사용
- python - Pandas 데이터 프레임을 사용하여 CSV에서 테이블로 데이터를로드하는 동안 오류가 발생했습니다
- javascript - Nodejs에서 axios를 사용하는 다중 get 요청
- jButtongroup을 사용하여 Java를 사용하여 라디오 버튼을 선택하는 방법
- mysql - 다른 테이블에서 선택하기 위해 테이블에서 시간 간격 사용
- ios - 유연성을 유지하기 위해 폭의 프레임 수정자를 사용하여 여러 열 목록의 1 개 열이 동일한 너비가되는 방법
- google cloud platform - BigQuery의 여러 테이블에 JSON 데이터로드
선택 옵션이 동일하므로
add_spec
옵션을 다시 검색하기 위해 ajax를 호출하는 대신clone
이미 추가 된 옵션을 선택한 다음 추가cloned
당신의 htmls에. 그런 다음 사용하여 초기화하십시오.find('select:last').select2();
.데모 코드: