替换所有出现的"<",">"内部价值归因

时间:2016-06-02 11:27:17

标签: javascript replace

我要求更换所有出现的"<"和">"在value属性中找到的字符。我想替换"<"和">"带有""

的字符

这是我的示例html:     < form name =" form1">     < input type =" text" value ="< first set>< second set>< third set>" />     < input type =" text" value ="<第四组><第五组><第六组>" />     < /形式>

我尝试使用javascript替换方法,但没有运气。

有人可以帮帮我吗?

4 个答案:

答案 0 :(得分:1)

您可以使用此纯JavaScript函数:



function removeLessGreaterThan(html) {
    // Use the DOM API to change the value attribute values:
    var span = document.createElement('span');
    span.innerHTML = html;
    var inputs = span.querySelectorAll('input[type=text]');
    for (var i = 0; i < inputs.length; i++) {
        inputs[i].setAttribute('value', inputs[i].value.replace(/[<>]/g, ''));
    }
    return span.innerHTML;
}

// Sample data:
var html = '<form name="form1"> <input type="text" value="Here is a >test<." /> <input type="text" value="And another >test<." /> </form>';
html = removeLessGreaterThan(html);
console.log(html);
&#13;
&#13;
&#13;

答案 1 :(得分:1)

const FORM_NAME = "form1";

var fields = document.getElementsByName(FORM_NAME)[0].getElementsByTagName("input");

for(var i = 0; i < fields.length; i++) {
    fields[i].value = fields[i].value.replace(/[<>]/g, "");
}

答案 2 :(得分:1)

我认为你期待这种方式。请仔细阅读代码。

&#13;
&#13;
function ReplaceMyValues()
		{
		var inputs = document.getElementsByTagName('input');
			for (var i = 0; i < inputs.length; i += 1) {
			if(inputs[i].type=="text")
			{
				var currentValue=inputs[i].value.replace(/[<>]/g, "");
				inputs[i].value = currentValue;
			}

			}
		}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<form name="form1"> <input type="text" value="<first set><second set><third set>" /> <input type="text" value="<fourth set><fifth set><sixth set>" /> 
<input id="Test" type="button" value="Replace" onclick="ReplaceMyValues();"></input>
</form>
&#13;
&#13;
&#13;

答案 3 :(得分:0)

您可以使用jquery

$(".yourInput").val($(".yourInput").val().replace('<', '').replace('>', ''))