Javascript/Jquery에서 문자열 부분 추출

Question

근무 시간 동안 동적 중첩 양식을 추가하기 위해 고치 보석을 사용하고 있습니다.

Cocoon은 open_time 및 close_time 입력을 반환합니다. 아무도과 open_time 입력이 전무하지 표시된 경우 내 생각은 표시되어

id = merchant_working_hours_attributes_ID_open_time 
id = merchant_working_hours_attributes_ID_close_time 

은 CSS에서, close_time 입력은 디스플레이로 정의되어 있지 않습니다.

하지만 open_time 입력에서 ID를 추출하고 해당 ID에 따라 close_time 입력에 CSS 스타일을 추가해야합니다.

어떻게하면 javascript/Jquery로이를 수행 할 수 있습니까? 그것을 성취 할 다른 어떤 형태?

Answer 1

귀하의 질문에 당신은 문자열을 가지고 있으며 스타일을 수행하기 위해 각 요소의 ID를 추출하고 싶다고 말합니다.

사용이 split()

var string = merchant_working_hours_attributes_ID_open_time; 

var parts = string.split("_"); //You will have the ID at 4th parts[4] 

추출 된 ID를 기반으로, 당신은 show() 및 hide()를 사용할 수 있습니다.

예

if($('#opentimeID').val() != '') 
{ 
    $('#opentimeID').show(); 
} 

사용 substring()

string.substring(start,end) 

Answer 2

이 비교적 간단해야한다. 기본적으로 "닫기 시간"필드가 표시되지 않는다고 가정합니다. 그러나 "열린 시간"필드에 값을 입력하기 시작하면 "닫기 시간"필드가 나타납니다.

이 경우 사용자에게 적합합니다.

자바 스크립트

const openTime = document.getElementById('merchant_working_hours_attributes_ID_open_time') 
const closeTime = document.getElementById('merchant_working_hours_attributes_ID_close_time') 
if (openTime.value.length > 0) { 
    closeTime.style.display = 'block' 
}