根据URL更改选项

Question

我正在做一个带有输入URL的表单。我想知道如果URL是Youtube视频，如果更改输入值和无线电标签文本，例如Vimeo更改值和标签文本并希望成为您的一个输入收音机，我该如何处理。

<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例如

<label>URL: <input id="foo" type="url" size="60px" name="url" ><br> 

随着

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