107 728
Assignments Done
100%
Successfully Done
In April 2024
In April 2024
Your physics assignments can be a real challenge, and the due date can be really close — feel free to use our assistance and get the desired result.
Physics
Be sure that math assignments completed by our experts will be error-free and done according to your instructions specified in the submitted order form.
Math
Our experts will gladly share their knowledge and help you with programming projects. Keep up with the world’s newest programming trends.
Programming
Answer to Question #46968 in AJAX | JavaScript | HTML | PHP for geetanjali
Question #46968
I am calling one javascript function on, onclick event. the result I get is the text box. I have list of options and for each option I want to have seperate textbox. but currently I am getting the resultant textboxes in one horizontal line. how can I align them? for each option.?
Following is the code.
Javascript:
function showSelected(val, selectedResult2,selectedResult3,selectedResult4,selectedResult5,selectedResult6,selectedResult7,selectedResult8,selectedResult9,selectedResult10,selectedResult11,selectedResult12,selectedResult13){
document.getElementById(selectedResult2).innerHTML = " " + val;
document.getElementById('selectedResult','selectedResult2','selectedResult3','selectedResult4','selectedResult5','selectedResult6','selectedResult7','selectedResult8','selectedResult9','selectedResult10','selectedResult11','selectedResult12','selectedResult13').innerHTML += " <input type='text' value='' size='5' style='height:10px; margin-bottom:5px;'/>";
HTML:
<div id='selectedResult' style="height: 20p
Following is the code.
Javascript:
function showSelected(val, selectedResult2,selectedResult3,selectedResult4,selectedResult5,selectedResult6,selectedResult7,selectedResult8,selectedResult9,selectedResult10,selectedResult11,selectedResult12,selectedResult13){
document.getElementById(selectedResult2).innerHTML = " " + val;
document.getElementById('selectedResult','selectedResult2','selectedResult3','selectedResult4','selectedResult5','selectedResult6','selectedResult7','selectedResult8','selectedResult9','selectedResult10','selectedResult11','selectedResult12','selectedResult13').innerHTML += " <input type='text' value='' size='5' style='height:10px; margin-bottom:5px;'/>";
HTML:
<div id='selectedResult' style="height: 20p
Expert's answer
<html>
<head>
</head>
<body>
<div>
<select id="selectVal1">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult1">
</div>
</div>
<br /><br />
<div>
<select id="selectVal2">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult2">
</div>
</div>
<br /><br />
<div>
<select id="selectVal3">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult3">
</div>
</div>
<br /><br />
<div>
<select id="selectVal4">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult4">
</div>
</div>
<br /><br />
<div>
<select id="selectVal5">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult5">
</div>
</div>
<br /><br />
<div>
<select id="selectVal6">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult6">
</div>
</div>
<br /><br />
<div>
<select id="selectVal7">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult7">
</div>
</div>
<br /><br />
<div>
<select id="selectVal8">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult8">
</div>
</div>
<br /><br />
<div>
<select id="selectVal9">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult9">
</div>
</div>
<br /><br />
<div>
<select id="selectVal10">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult10">
</div>
</div>
<br /><br />
<div>
<select id="selectVal11">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult11">
</div>
</div>
<br /><br />
<div>
<select id="selectVal12">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult12">
</div>
</div>
<br /><br />
<div>
<select id="selectVal13">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult13">
</div>
</div>
<button onclick="showSelected(document.getElementById('selectVal1').value, document.getElementById('selectVal2').value, document.getElementById('selectVal3').value, document.getElementById('selectVal4').value, document.getElementById('selectVal5').value, document.getElementById('selectVal6').value, document.getElementById('selectVal7').value, document.getElementById('selectVal8').value, document.getElementById('selectVal9').value, document.getElementById('selectVal10').value, document.getElementById('selectVal11').value, document.getElementById('selectVal12').value, document.getElementById('selectVal13').value);">Go</button>
</body>
<script type = "text/javascript">
function showSelected(){
for(i=0;i<arguments.length;i++){
document.getElementById('selectedResult'+(i+1)).innerHTML="<input type='text' value='"+arguments[i]+"' size='5' style='height:20px; margin-bottom:5px;'/>";
}
}
</script>
</html>
<head>
</head>
<body>
<div>
<select id="selectVal1">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult1">
</div>
</div>
<br /><br />
<div>
<select id="selectVal2">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult2">
</div>
</div>
<br /><br />
<div>
<select id="selectVal3">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult3">
</div>
</div>
<br /><br />
<div>
<select id="selectVal4">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult4">
</div>
</div>
<br /><br />
<div>
<select id="selectVal5">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult5">
</div>
</div>
<br /><br />
<div>
<select id="selectVal6">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult6">
</div>
</div>
<br /><br />
<div>
<select id="selectVal7">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult7">
</div>
</div>
<br /><br />
<div>
<select id="selectVal8">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult8">
</div>
</div>
<br /><br />
<div>
<select id="selectVal9">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult9">
</div>
</div>
<br /><br />
<div>
<select id="selectVal10">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult10">
</div>
</div>
<br /><br />
<div>
<select id="selectVal11">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult11">
</div>
</div>
<br /><br />
<div>
<select id="selectVal12">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult12">
</div>
</div>
<br /><br />
<div>
<select id="selectVal13">
<option value="val1">val1</option>
<option value="val2">val2</option>
</select>
<br /><br />
<div id="selectedResult13">
</div>
</div>
<button onclick="showSelected(document.getElementById('selectVal1').value, document.getElementById('selectVal2').value, document.getElementById('selectVal3').value, document.getElementById('selectVal4').value, document.getElementById('selectVal5').value, document.getElementById('selectVal6').value, document.getElementById('selectVal7').value, document.getElementById('selectVal8').value, document.getElementById('selectVal9').value, document.getElementById('selectVal10').value, document.getElementById('selectVal11').value, document.getElementById('selectVal12').value, document.getElementById('selectVal13').value);">Go</button>
</body>
<script type = "text/javascript">
function showSelected(){
for(i=0;i<arguments.length;i++){
document.getElementById('selectedResult'+(i+1)).innerHTML="<input type='text' value='"+arguments[i]+"' size='5' style='height:20px; margin-bottom:5px;'/>";
}
}
</script>
</html>
Finding a professional expert in "partial differential equations" in the advanced level is difficult.
You can find this expert in "Assignmentexpert.com" with confidence.
Exceptional experts! I appreciate your help. God bless you!
#340153 on Dec 2023
#340153 on Dec 2023
Comments
Leave a comment