Javascript/Jqueryの文字列部分を抽出します

Question

私は繭の宝石を使用して、勤務時間に動的なネストされたフォームを追加しています。

Cocoonは、open_timeおよびclose_time入力を返します。 CSSで

id = merchant_working_hours_attributes_ID_open_time 
id = merchant_working_hours_attributes_ID_close_time 

close_time入力は、表示のように定義されます。open_time入力がnilでないとマークされた場合にどれも、私のアイデアがちょうど表示されません。

しかし、私は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

これは比較的単純でなければなりません。私の仮定は、デフォルトでは、 "クローズ時間"フィールドが表示されていないということです。しかし、「オープンタイム」フィールドに値を入力すると、「クローズ時間」フィールドが表示されます。

これが当てはまる場合、これはうまくいくはずです。

はJavaScript

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' 
}