자바 스크립트를 사용하여 텍스트 상자를 만든 양식이 있습니다. 기본적으로 나는 단추를 주었고 그 단추의 Onclick은 Javascript를 사용하여 Textbox를 추가합니다. 그런 다음이 값은 서버 측의 문자열에서 가져 와서 다른 List 열에 저장됩니다.자바 스크립트를 사용하여 만든 텍스트 상자의 값
이제 편집 기능을 만들고 싶습니다. 그래서 목록 COLLUMs에서 값을 검색하고 텍스트 상자에 삽입해야합니다. 내 컨트롤이 서버 컨트롤이었을 때 이것은 쉬웠지만 Javascript를 사용하여 만든 텍스트 상자에서는 어떻게 할 수 있습니까?
저는 클라이언트 측 스크립팅을 처음 사용합니다. 어떤 도움을 주시면 감사하겠습니다.
필자에게 필요한 것은 목록 열에서 값을 가져온 다음 해당 값으로 해당 텍스트 상자를 다시 만드는 것입니다.
추신 : 내가 어떻게 텍스트 상자를 만들고 서버 측에서 그 값을 얻었는지에 대한 코드를 볼 수 있는지 알려주십시오. 감사합니다. 목록 열에서 데이터를 검색하는 동안지도가 있어야합니다 뒤에
<script type="text/javascript">
function GetDynamicTextBoxB(value)
{ return '<input name = "DynamicTextBoxB" type="text" value = "' + value + '" />' + '<input type="button" value="Remove" onclick = "RemoveTextBoxB(this)" />' }
var y = 0;
function AddTextBoxB() {
if (y < 10) {
var div = document.createElement('DIV'); div.innerHTML = GetDynamicTextBoxB(""); document.getElementById("TextBoxContainerB").appendChild(div);
}
else {
alert("Only 10 CSPs can be added")
} y++
}
function RemoveTextBoxB(div)
{ document.getElementById("TextBoxContainerB").removeChild(div.parentNode); }
function RecreateDynamicTextboxesB() {
var values = eval('<%#Values%>');
if (values != null) {
var html = ""; for (var i = 0; i < values.length; i++)
{ html += "<div>" + GetDynamicTextBoxB(values[i]) + "</div>"; } document.getElementById("TextBoxContainerB").innerHTML = html;
}
}
$("#tabs-1").ready(RecreateDynamicTextboxesB);
// // window.onload = RecreateDynamicTextboxesB;
</script>
코드는 서버 측에서이 값을 얻기하고 목록 열에서
string PartyACSP1 = string.Empty, PartyACSP2 = string.Empty, PartyACSP3 = string.Empty, PartyACSP4 = string.Empty, PartyACSP5 = string.Empty, PartyACSP6 = string.Empty, PartyACSP7 = string.Empty, PartyACSP8 = string.Empty, PartyACSP9 = string.Empty, PartyACSP10 = string.Empty;
if (textboxValues != null)
{
PartyACSP1 = safeGetString(textboxValues, 0);
PartyACSP2 = safeGetString(textboxValues, 1);
PartyACSP3 = safeGetString(textboxValues, 2);
PartyACSP4 = safeGetString(textboxValues, 3);
PartyACSP5 = safeGetString(textboxValues, 4);
PartyACSP6 = safeGetString(textboxValues, 5);
PartyACSP7 = safeGetString(textboxValues, 6);
PartyACSP8 = safeGetString(textboxValues, 7);
PartyACSP9 = safeGetString(textboxValues, 8);
PartyACSP10 = safeGetString(textboxValues, 9);
}
newISDAAgreement[Constants.PartyACSPColumn] = PartyACSP1;
newISDAAgreement[Constants.PartyACSP2Column] = PartyACSP2;
newISDAAgreement[Constants.PartyACSP3Column] = PartyACSP3;
newISDAAgreement[Constants.PartyACSP4Column] = PartyACSP4;
newISDAAgreement[Constants.PartyACSP5Column] = PartyACSP5;
newISDAAgreement[Constants.PartyACSP6Column] = PartyACSP6;
newISDAAgreement[Constants.PartyACSP7Column] = PartyACSP7;
newISDAAgreement[Constants.PartyACSP8Column] = PartyACSP8;
newISDAAgreement[Constants.PartyACSP9Column] = PartyACSP9;
newISDAAgreement[Constants.PartyACSP10Column] = PartyACSP10;
이미 가지고있는 코드를 공유하십시오. – meilke
코드를 공유하시기 바랍니다. – Neel