Page 1 of 1

อยากทราบวิธี เลือกข้อมูลใน list box กด submit แล้วค่าจะไปใส่ใน textbox ครับ

Posted: 21/05/2013 11:42 am
by M009
เลือกข้อมูลจาก list box แล้วกด submit

ข้อมูลที่ถูก submit จะไปอยู่ที่ textbox โดยเลือกได้หลายข้อมูล

Re: อยากทราบวิธี เลือกข้อมูลใน list box กด submit แล้วค่าจะไปใส่ใน textbox ครับ

Posted: 21/05/2013 12:39 pm
by mindphp
โดยเลือกได้หลายข้อมูล ???

Re: อยากทราบวิธี เลือกข้อมูลใน list box กด submit แล้วค่าจะไปใส่ใน textbox ครับ

Posted: 21/05/2013 1:23 pm
by M009
ได้หลายๆครั้งครับ

Re: อยากทราบวิธี เลือกข้อมูลใน list box กด submit แล้วค่าจะไปใส่ใน textbox ครับ

Posted: 21/05/2013 1:24 pm
by M009
ได้แล้วครับ ขอบคุณครับ

Code: Select all

<html> 
<head> 
<script type="text/javascript" language="javascript"> 
function addNewItem() 
{ 
var textbox = document.getElementById('MyTextbox'); 
var textbox1 = document.getElementById('MyTextbox1'); 
var listbox = document.getElementById('MyListbox');
var listbox1 = document.getElementById('MyListbox1');
var newOption = document.createElement('option'); 
newOption.value = textbox.value;
newOption.innerHTML = textbox.value;
listbox.appendChild(newOption); 
var newOption1 = document.createElement('option'); 
newOption1.value = textbox1.value;
test = test + Number(textbox1.value) ;
newOption1.innerHTML = textbox1.value; 
listbox1.appendChild(newOption1); 

document.getElementById('test').value = test ;

} 
var test = 0 ;

</script> 
</head>
<body>
<input id="MyTextbox1" type="textbox" /> 
<input id="test" type="textbox" /> 
<select id="MyTextbox" size="10"> 
<option value="test1">test1</option> 
<option value="test2">test2</option> 
<option value="test3">test3</option> 
</select>
<input type="button" value="Add Item" onclick="javascript:addNewItem()" />
<br /><br />
MyListbox
<select id="MyListbox" size="10"> 
<option value="test1">test1</option> 
<option value="test2">test2</option> 
<option value="test3">test3</option> 
</select>
MyListbox1
<select id="MyListbox1" size="10"> 
<option value="test1">1</option> 
<option value="test2">2</option> 
<option value="test3">3</option> 
</select>