查找具有特定值的文本输入以进行追加

时间:2016-03-24 00:47:36

标签: jquery html

我有一个复选框,当我检查它时会附加value属性中已存在的URL链接。我希望有人可以用最简单的方法来选择输入字段中的文本并检查它是否包含iframe代码。我正在使用的一个例子:

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

基本上,我需要选择输入值并检查它是否包含单词&#34; iframe&#34;在value属性中,然后附加它。我需要检查,因为页面上还有其他文本输入,所以我需要确保它是正确的。

单击复选框后,我希望能够实现的一个示例是将文本框值更改为:

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

我尝试了一些不同的方法,但我知道它们不正确,所以我不会在这里发布它们以避免混淆。我不需要帮助复选框,只需选择值属性并检查它是否包含单词&#34; iframe&#34;。其余的我应该没事。

2 个答案:

答案 0 :(得分:0)

&#13;
&#13;
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;
}
}
&#13;
<input id="a" type="text" value='<iframe src="www.site.com/embed/3243/"></iframe>' class="text"  />
<button onclick='change()'>Click me!</button>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

&#13;
&#13;
document.write($("input").val().split("'")[1] + "?autoplay=true");
&#13;
<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" />
&#13;
&#13;
&#13;

您应该将值的引号更改为“&#39;简单的引用,然后你就可以获得价值。