URLに応じてオプションを変更します。

Question

入力URLを使用してフォームを作成しています。 Vimeoが値とラベルのテキストを変更して、もう1つの入力ラジオになりたい場合、URLがYoutubeビデオで入力値とラジオ・ラベル・テキストを変更する場合、どうすればよいのですか？

<form method="post" id="form"> 
 
<label>URL: <input type="url" size="60px" name="url" ><br> 
 
<div class="examplo">http://www.example.com/304005/name-video</div><br></label> 
 
<b>Tamanho:</b> 
 
<label><input type="radio" name="t" value="488" checked> 488 x 366px</label> 
 
<label><input type="radio" name="t" value="400" > 400 x 300px</label> 
 
<label><input type="radio" name="t" value="240" > 240 x 180px</label> 
 
<label><input type="radio" name="t" value="180" > 180 x 135px</label> 
 
<input type="submit" name="btn" id="buton" value="Submit" /> 
 
</form>

Answer 1

だけ使用String.prototype.startsWith例えば

const input = document.getElementById('foo'); 
const value = input.value; 
const isYouTube = value.startsWith('http://www.youtube'); // for youtube