입력 값에서 문자열을 조작하는 방법 자바 스크립트

Question

나는 입력 요소 <input id="mystring" type="text"></input>을 가지고 있습니다.

id은 다음과 같이 될 것입니다 :

mystring = "myid,myid01" 

나는 아래와 같은 mystring에 페이지 값을 추가 할 페이지를 열 때 : 다음 페이지 2, 페이지 3에 가면

mystring = "myid,myid01,page1" 

을 Page1로 돌아가십시오. mystring의 값은 다음과 같습니다. 페이지 1을 두 번 추가되지 가정 :

mystring = "myname,myid,page1,page2,page3" 

나는 또한 내가 페이지 2를 삭제 같은 mystring에 값을 삭제하고 싶습니다. 나는이 스크립트를 시도했지만 작동하지 않았다

mystring = "myname,myid,page1,page3" 

: 다음 mystring의 값이 될 것입니다

function changestringvalue() { 
    var filters = $("#mystring").val(); 
    var newFilter = 'test,'; 
    if (-1 !== (idx = jQuery.inArray(newFilter, filters))) { 
     // remove 
     filters.splice(idx, 1); 
    } 
    else { 
     // add 
     filters.push(newFilter); 
    } 
    alert($("#mystring").val()); 
} 

Answer 1

아래의 코드를 시도 할 수 있습니다. 귀하의 특정 요구에 맞추십시오. 이것은 더 jQuery를

function changestringvalue(add) { 
 
    var input = document.getElementById('mystring'); 
 
    var inputVal = input.value; 
 
    var span = document.getElementById('myspan'); 
 
    var spanVal = span.innerHTML; 
 

 
    if (add) { 
 
    if (spanVal.indexOf(inputVal) === -1) { 
 
     if (span.innerHTML == "") { 
 
     span.innerHTML = inputVal; 
 
     } else { 
 
     span.innerHTML = span.innerHTML + ", " + inputVal 
 
     } 
 
     //console.log('Added \'' + inputVal + '\''); 
 
    } else { 
 
     console.log('Previously added - canceled!'); 
 
    } 
 
    } 
 
    else { 
 
    if (spanVal.indexOf(", " + inputVal) !== -1) { 
 
     span.innerHTML = spanVal.replace(", " + inputVal, ""); 
 
     //console.log('Removed \'' + inputVal + '\''); 
 
    } 
 
    else if (spanVal.indexOf(inputVal + ", ") !== -1) { 
 
     span.innerHTML = spanVal.replace(inputVal + ", ", ""); 
 
     //console.log('Removed \'' + inputVal + '\''); 
 
    } 
 
    else if (spanVal == inputVal) { 
 
     span.innerHTML = spanVal.replace(inputVal, ""); 
 
     //console.log('Removed \'' + inputVal + '\''); 
 
    } 
 
    else { 
 
     console.log('<String not found>'); 
 
    } 
 
    } 
 
}

<input id="mystring" type="text" value="mystring"></input> 
 
<br/> 
 
<button onclick="changestringvalue(true)">Add</button> 
 
<br/> 
 
<button onclick="changestringvalue()">Remove</button> 
 
<br/> 
 
<br/> 
 
<span id="myspan">mystring</span>