根據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