Question

我正在使用输入网址创建表单。我想知道如果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

根据URL更改选项

1 个答案: