一个标签去重的问题

<input class="clvalue" value="3,3,2," name="server">

<input type="button" class="check">

疑问:怎么控制点击 把value中出只要出现两次的就干掉这个数字!!!

 诸如 3,3,2, 然后只剩 2
 诸如 2,3,2, 然后只剩 3
 诸如 3,2,1, 然后 1,2,3
 
 (顺序排,去逗号,去重)
 把正确的结果返回value??


慕工程0101907
浏览 586回答 1
1回答

PIPIONE

<input&nbsp;class="clvalue"&nbsp;value="3,3,2,"&nbsp;name="server"><button&nbsp;id="j-button"&nbsp;type="button"&nbsp;class="check">Click</button> <!--&nbsp;我给&nbsp;button&nbsp;挂个&nbsp;id="j-button"&nbsp;来方便获取元素&nbsp;-->document.getElementById('j-button').addEventListener('click',&nbsp;function()&nbsp;{&nbsp;&nbsp;var&nbsp;input&nbsp;=&nbsp;document.querySelector('input[name="server"]');&nbsp;&nbsp; var&nbsp;value&nbsp;=&nbsp;input.value;&nbsp;&nbsp; &nbsp;&nbsp;//&nbsp;按照&nbsp;,&nbsp;来分割字符串,顺便移除前后空格 &nbsp;&nbsp;var&nbsp;result&nbsp;=&nbsp;value.split(/\s*,\s*/).filter(function(item)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(item)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;index&nbsp;=&nbsp;value.indexOf(item); &nbsp;&nbsp;&nbsp;//&nbsp;获取字符在字符串中的位置 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;从字符串结束的位置向后检索,找不到则表示是唯一的 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;value.indexOf(item,&nbsp;index&nbsp;+&nbsp;item.length)&nbsp;===&nbsp;-1; &nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;false; &nbsp;&nbsp;&nbsp;&nbsp;} &nbsp;&nbsp;}).sort();&nbsp;//&nbsp;最后排个序 &nbsp;&nbsp; &nbsp;&nbsp;input.value&nbsp;=&nbsp;result.join(','); });
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript