2016-03-24 83 views
0

我有一個複選框,當我檢查它時,會附加一個已存在於value屬性中的URL鏈接。我希望有人能夠闡明最簡單的方法來選擇輸入字段中的文本,並檢查它是否包含iframe代碼。什麼我一起工作的一個例子:查找具有特定值的文本輸入以附加

<input type="text" value="<iframe src="www.site.com/embed/3243/"></iframe>" class="text" /> 

基本上,我需要選擇輸入值,並檢查它包含了value屬性的詞「IFRAME」,然後添加它。我需要檢查,因爲頁面上有其他文本輸入,所以我需要確保它是正確的。

什麼,我希望能夠實現一次我點擊複選框的一個例子是具有文本框的值更改爲:

www.site.com/embed/3243/?autoplay=true 

我已經嘗試了一些不同的方法,但我知道他們是不正確,所以我不會在這裏發帖以避免混淆。我不需要關於複選框的幫助,只需選擇value屬性並檢查它是否包含單詞「iframe」。其餘的我應該沒問題。

回答

0

function change() 
 
{ 
 
var val = document.getElementById('a').value; 
 
if (val.indexOf('iframe') > -1) 
 
{ 
 
    val = val.split('"'); 
 
    val[1] += '?autoplay=true'; 
 
    val = val.join('"'); 
 
    document.getElementById('a').value = val; 
 
} 
 
}
<input id="a" type="text" value='<iframe src="www.site.com/embed/3243/"></iframe>' class="text" /> 
 
<button onclick='change()'>Click me!</button>

+0

我沒有要使用的id屬性,我使用的是現有的模板系統,在其他地方不會導致問題而無法真正進行更改。 – XanT

+0

你甚至不能添加一個'id'嗎?如果沒有,只要讓它檢查從'input'開始的所有內容。 – StardustGogeta

0

document.write($("input").val().split("'")[1] + "?autoplay=true");
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input type="text" value="<iframe src='www.site.com/embed/3243/'></iframe>" class="text" />

你應該改變的值的引號這個「簡單的報價單,然後你可以得到的價值。

相關問題