|
|
|
ผมจะทำ listmenu php ไม่ให้เลือกได้อะครับแต่เวลากดปุ่ม จะให้ส่งค่าได้ด้วยอะครับ |
|
|
|
|
|
|
|
Code (PHP)
<script type="text/javascript">
function selectbox1()
{
var s1= document.getElementById('Crest2');
var x1= document.getElementById('Crest4');
var s2= s1.options[s1.selectedIndex].value;
var x2=100-s2;
x1.options[x1.selectedIndex].text= x2+"%";
x1.options[x1.selectedIndex].value= x2;
}
</script>
<select name="Crest1" id="Crest1">
<option value="0">กรุณาเลือกสี</option>
<option value="1">แดง</option>
<option value="2">ดำ</option>
<option value="3">ขาว</option>
<option value="4">เขียว</option>
<option value="5">เหลือง</option>
<option value="6">น้ำตาล</option>
<option value="7">ส้ม</option>
<option value="8">เทา</option>
</select>
<select name="Crest2" id="Crest2" onChange="selectbox1()">
<option value="100">100%</option>
<option value="95">95%</option>
<option value="90">90%</option>
<option value="85">85%</option>
<option value="80">80%</option>
<option value="75">75%</option>
<option value="70">70%</option>
<option value="65">65%</option>
<option value="60">60%</option>
<option value="55">55%</option>
<option value="50">50%</option>
<option value="45">45%</option>
<option value="40">40%</option>
<option value="35">35%</option>
<option value="30">30%</option>
<option value="25">25%</option>
<option value="20">20%</option>
<option value="15">15%</option>
<option value="10">10%</option>
<option value="5">5%</option>
</select></td>
<td width="26%"><div id="H1" style="display:none;">
<select name="Crest3" id="Crest3">
<option value="0" selected="selected">กรุณาเลือกสี</option>
<option value="1">แดง</option>
<option value="2">ดำ</option>
<option value="3">ขาว</option>
<option value="4">เขียว</option>
<option value="5">เหลือง</option>
<option value="6">น้ำตาล</option>
<option value="7">ส้ม</option>
<option value="8">เทา</option>
</select>
<select name="Crest4" id="Crest4" disabled="disabled">
<option value="0">0%</option>
<option value="95">95%</option>
<option value="90">90%</option>
<option value="85">85%</option>
<option value="80">80%</option>
<option value="75">75%</option>
<option value="70">70%</option>
<option value="65">65%</option>
<option value="60">60%</option>
<option value="55">55%</option>
<option value="50">50%</option>
<option value="45">45%</option>
<option value="40">40%</option>
<option value="35">35%</option>
<option value="30">30%</option>
<option value="25">25%</option>
<option value="20">20%</option>
<option value="15">15%</option>
<option value="10">10%</option>
<option value="5">5%</option>
</select>
ปัญหาติดตรงค่าข้างหลังอะครับ ตรง name="Crest4" ไม่มีค่าส่งมาอะครับ
เหมือนในรูปนี้อะครับ ตรง5% ไม่ส่งค่าอะครับ
ฟรอม์รับค่า
แสดงผล
|
|
|
|
|
Date :
2014-07-20 23:33:38 |
By :
nonzabboy |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
เอา disabled="disabled" ออกครับ
|
|
|
|
|
Date :
2014-07-21 09:25:18 |
By :
arm8957 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แล้วใส่อะไรแทนอะครับ แบบไม่ให้เลือกค่าได้ครับ แต่สามารถส่งค่าได้ครับ
|
|
|
|
|
Date :
2014-07-21 10:35:17 |
By :
nonzabboy |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใช้ <input name="textfield" type="text" id="textfield" value="5%" readonly="readonly"> แทนก็ได้ครับ
|
|
|
|
|
Date :
2014-07-21 10:46:21 |
By :
arm8957 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ทำอย่างไงอะครับถึงใส่ value=" " เข้าไปได้ เพราะผมทำแบบ เลือก%อันหน้าแล้วข้างหลังจะ เปลี่ยนตามไปด้วยครับ
readonly="readonly" ใช้กับ listmanu ไม่ได้อะครับแต่ใช้กับ textbox ได้ครับ
|
ประวัติการแก้ไข 2014-07-21 14:02:28
|
|
|
|
Date :
2014-07-21 13:54:59 |
By :
nonzabboy |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ทำไมไม่ตัดค่าที่เมื่อบวก รวมกันเกินร้อยเปอร์เซ็นต์ออกล่ะค่ะ
Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var percentage = {
0:'<option value="0">0%</option>',
95:'<option value="95">95%</option>',
90:'<option value="90">90%</option>',
85:'<option value="85">85%</option>',
80:'<option value="80">80%</option>',
75:'<option value="75">75%</option>',
70:'<option value="70">70%</option>',
65:'<option value="65">65%</option>',
60:'<option value="60">60%</option>',
55:'<option value="55">55%</option>',
50:'<option value="50">50%</option>',
45:'<option value="45">45%</option>',
40:'<option value="40">40%</option>',
35:'<option value="35">35%</option>',
30:'<option value="30">30%</option>',
25:'<option value="25">25%</option>',
20:'<option value="20">20%</option>',
15:'<option value="15">15%</option>',
10:'<option value="10">10%</option>',
5:'<option value="5">5%</option>'
}
$.each(percentage,function(indx,value){
$("#Crest2, #Crest4").append(value);
});
$("#Crest1").change(function(){
if($(this).val() != '0')
$("#H1 ,#Crest4").css('display','block');
});
$("#Crest2").change(function(){
$("#Crest4").empty().append(percentage[100-parseInt($(this).val())]);
});
});
</script>
<select name="Crest1" id="Crest1">
<option value="0">กรุณาเลือกสี</option>
<option value="1">แดง</option>
<option value="2">ดำ</option>
<option value="3">ขาว</option>
<option value="4">เขียว</option>
<option value="5">เหลือง</option>
<option value="6">น้ำตาล</option>
<option value="7">ส้ม</option>
<option value="8">เทา</option>
</select>
<select name="Crest2" id="Crest2" onChange="selectbox1()">
</select><br />
<td width="26%"><div id="H1" style="display:none;">
<select name="Crest3" id="Crest3">
<option value="0" selected="selected">กรุณาเลือกสี</option>
<option value="1">แดง</option>
<option value="2">ดำ</option>
<option value="3">ขาว</option>
<option value="4">เขียว</option>
<option value="5">เหลือง</option>
<option value="6">น้ำตาล</option>
<option value="7">ส้ม</option>
<option value="8">เทา</option>
</select>
<select name="Crest4" id="Crest4">
</select>
|
|
|
|
|
Date :
2014-07-21 14:30:48 |
By :
survivor |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ตอบความคิดเห็นที่ : 6 เขียนโดย : survivor เมื่อวันที่ 2014-07-21 14:30:48
รายละเอียดของการตอบ ::
เก่งจังเลยครับ ขอฝากตัวเป็นศิษย์ด้วยคนครับ
Code (PHP)
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var colors = new Array('<option value="0">กรุณาเลือกสี</option>','<option value="1">แดง</option>',
'<option value="2">ดำ</option>','<option value="3">ขาว</option>','<option value="4">เขียว</option>',
'<option value="5">เหลือง</option>','<option value="6">น้ำตาล</option>','<option value="7">ส้ม</option>',
'<option value="8">เทา</option>');
var percentage = {
0:'<option value="0">0%</option>',
95:'<option value="95">95%</option>',
90:'<option value="90">90%</option>',
85:'<option value="85">85%</option>',
80:'<option value="80">80%</option>',
75:'<option value="75">75%</option>',
70:'<option value="70">70%</option>',
65:'<option value="65">65%</option>',
60:'<option value="60">60%</option>',
55:'<option value="55">55%</option>',
50:'<option value="50">50%</option>',
45:'<option value="45">45%</option>',
40:'<option value="40">40%</option>',
35:'<option value="35">35%</option>',
30:'<option value="30">30%</option>',
25:'<option value="25">25%</option>',
20:'<option value="20">20%</option>',
15:'<option value="15">15%</option>',
10:'<option value="10">10%</option>',
5:'<option value="5">5%</option>'
}
$.each(percentage,function(indx,value){
$("#Crest2").append(value);
});
$.each(colors,function(indx,value){
$("#Crest1,#Crest3").append(value);
});
$("#Crest1").change(function(){
if($(this).val() != '0')
$("#H1 ,#Crest4").css('display','block');
});
$("#Crest2").change(function(){
$("#Crest4").empty().append(percentage[100-parseInt($(this).val())]);
});
});
</script>
</head>
<body>
<select name="Crest1" id="Crest1">
</select>
<select name="Crest2" id="Crest2" onChange="selectbox1()">
</select><br />
<div id="H1" style="display:none;">
<select name="Crest3" id="Crest3">
</select>
<select name="Crest4" id="Crest4">
</select>
|
ประวัติการแก้ไข 2014-07-21 16:41:17
|
|
|
|
Date :
2014-07-21 15:25:37 |
By :
cowboycnx |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับ ผมมีอีก1ปัญหาที่ติดอยุ่ อะครับ
คือ ถ้าผมเลือกแล้ว ต้องการสี ที่%มากที่สุด เอามาแค่ สีเดียวจะทำได้หรือป่าวครับ
เช่น สีแดง 20% และ สีดำ 80% จะเอาค่าสี ดำมาอย่างเดียวอะครับ
ถ้า
สีแดง 50 % และ สีดำ 50% จะเอาค่าที่อยู่หน้าสุดมาคือ สีแดง
พอจะทำได้หรือป่าวครับ
|
|
|
|
|
Date :
2014-07-21 15:50:16 |
By :
nonzabboy |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ส่งข้อมูลทั้งหมดที่มีนั่นแหล่ะครับ หลังการซับมิท ก็เช็คในไฟล์หน้ารับ
ด้วย php อย่างง่ายๆก็พอ
|
|
|
|
|
Date :
2014-07-21 16:25:41 |
By :
cowboycnx |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var percentage = {
0:'<option value="0">0%</option>',
95:'<option value="95">95%</option>',
90:'<option value="90">90%</option>',
85:'<option value="85">85%</option>',
80:'<option value="80">80%</option>',
75:'<option value="75">75%</option>',
70:'<option value="70">70%</option>',
65:'<option value="65">65%</option>',
60:'<option value="60">60%</option>',
55:'<option value="55">55%</option>',
50:'<option value="50">50%</option>',
45:'<option value="45">45%</option>',
40:'<option value="40">40%</option>',
35:'<option value="35">35%</option>',
30:'<option value="30">30%</option>',
25:'<option value="25">25%</option>',
20:'<option value="20">20%</option>',
15:'<option value="15">15%</option>',
10:'<option value="10">10%</option>',
5:'<option value="5">5%</option>'
}
$.each(percentage,function(indx,value){
$("#Crest2, #Crest4").append(value);
});
$("#Crest1").change(function(){
if($(this).val() != '0')
$("#H1 ,#Crest4").css('display','block');
});
$("#Crest2").change(function(){
$("#Crest4").empty().append(percentage[100-parseInt($(this).val())]);
});
$("#frm").submit(function(){
var Crest2=$("#Crest2").val();
var Crest4=$("#Crest4").val();
dataset=$("#Crest3").val();
if(Crest2>Crest4)
dataset=$("#Crest1").val();
alert(dataset);
/*
$.post( url + 'email', { color: dataset }, function(data) {//ส่่ง post ไป php->query
//return กลับมา
//statement
});
*/
return false;
});
});
</script>
<table>
<form id="frm" action="#" method="post">
<tr>
<td>
<select name="Crest1" id="Crest1">
<option value="0">กรุณาเลือกสี</option>
<option value="1">แดง</option>
<option value="2">ดำ</option>
<option value="3">ขาว</option>
<option value="4">เขียว</option>
<option value="5">เหลือง</option>
<option value="6">น้ำตาล</option>
<option value="7">ส้ม</option>
<option value="8">เทา</option>
</select>
<select name="Crest2" id="Crest2" onChange="selectbox1()">
<option value="100">100%</option>
<option value="95">95%</option>
<option value="90">90%</option>
<option value="85">85%</option>
<option value="80">80%</option>
<option value="75">75%</option>
<option value="70">70%</option>
<option value="65">65%</option>
<option value="60">60%</option>
<option value="55">55%</option>
<option value="50">50%</option>
<option value="45">45%</option>
<option value="40">40%</option>
<option value="35">35%</option>
<option value="30">30%</option>
<option value="25">25%</option>
<option value="20">20%</option>
<option value="15">15%</option>
<option value="10">10%</option>
<option value="5">5%</option>
</select></td>
<td width="26%"><div id="H1" style="display:none;">
<select name="Crest3" id="Crest3">
<option value="0" selected="selected">กรุณาเลือกสี</option>
<option value="1">แดง</option>
<option value="2">ดำ</option>
<option value="3">ขาว</option>
<option value="4">เขียว</option>
<option value="5">เหลือง</option>
<option value="6">น้ำตาล</option>
<option value="7">ส้ม</option>
<option value="8">เทา</option>
</select>
<select name="Crest4" id="Crest4" disabled="disabled">
<option value="0">0%</option>
<option value="95">95%</option>
<option value="90">90%</option>
<option value="85">85%</option>
<option value="80">80%</option>
<option value="75">75%</option>
<option value="70">70%</option>
<option value="65">65%</option>
<option value="60">60%</option>
<option value="55">55%</option>
<option value="50">50%</option>
<option value="45">45%</option>
<option value="40">40%</option>
<option value="35">35%</option>
<option value="30">30%</option>
<option value="25">25%</option>
<option value="20">20%</option>
<option value="15">15%</option>
<option value="10">10%</option>
<option value="5">5%</option>
</select>
</td></tr>
<tr><td colspan="2"><input type="submit"></td></tr>
</form>
</table>
</body>
</html>
|
|
|
|
|
Date :
2014-07-21 17:10:53 |
By :
fossil31 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
กรณี 50% 50% ให้แสดง ตัวด้านซ้าย
เปลี่ยน
dataset=$("#Crest1").val();
if(Crest4>Crest2)
dataset=$("#Crest3").val();
|
|
|
|
|
Date :
2014-07-21 17:15:08 |
By :
fossil31 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
งง อะครับ ไม่ได้อะครับ
|
|
|
|
|
Date :
2014-07-21 18:33:10 |
By :
nonzabboy |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("#frm").submit(function(){
var Crest2=$("#Crest2").val();
var Crest4=$("#Crest4").val();
dataset=$("#Crest3").val();
if(Crest2>Crest4)
dataset=$("#Crest1").val();
alert(dataset);
/*
ในส่วนนี้ให้ไปทำต่อครับ
url=action?
ภายใน {} มี elements อะไรบ้าง ที่ต้องการส่งค่าไปทำต่อ
$.post( url, { color: dataset }, function(data) {//ส่่ง post ไป php->query
//return กลับมา
//statement
});
*/
return false;
});
ต้องไปศึกษา ในส่วนของ jQuery $.post และ $.get ครับ
|
|
|
|
|
Date :
2014-07-21 20:29:34 |
By :
fossil31 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
รวบรวมโค้ดจากทุกท่านที่ช่วยตอบน่ะค่ะ
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var colors = new Array('<option value="0">กรุณาเลือกสี</option>','<option value="1">แดง</option>',
'<option value="2">ดำ</option>','<option value="3">ขาว</option>','<option value="4">เขียว</option>',
'<option value="5">เหลือง</option>','<option value="6">น้ำตาล</option>','<option value="7">ส้ม</option>',
'<option value="8">เทา</option>');
var percentage = {
0:'<option value="0">0%</option>',
95:'<option value="95">95%</option>',
90:'<option value="90">90%</option>',
85:'<option value="85">85%</option>',
80:'<option value="80">80%</option>',
75:'<option value="75">75%</option>',
70:'<option value="70">70%</option>',
65:'<option value="65">65%</option>',
60:'<option value="60">60%</option>',
55:'<option value="55">55%</option>',
50:'<option value="50">50%</option>',
45:'<option value="45">45%</option>',
40:'<option value="40">40%</option>',
35:'<option value="35">35%</option>',
30:'<option value="30">30%</option>',
25:'<option value="25">25%</option>',
20:'<option value="20">20%</option>',
15:'<option value="15">15%</option>',
10:'<option value="10">10%</option>',
5:'<option value="5">5%</option>'
}
var percenText = '',colorString='';
$.each(percentage,function(indx,value){
percenText += value;
});
$.each(colors,function(indx,value){
colorString += value;
});
$("#Crest2,#Crest4").append(percenText);
$("#Crest1,#Crest3").append(colorString);
$("#Crest1").change(function(){
if($(this).val() != '0')
$("#H1 ,#Crest4").css('display','block');
});
$("#Crest2").change(function(){
$("#Crest4").empty().append(percentage[100-parseInt($(this).val())]);
});
$("#submitForm").click(function(){
var selectedColorCode = '', selectedColorText = '' , selectedPercenText = '';
if( $("#Crest2 option:selected").val() > $("#Crest4 option:selected").val()
|| $("#Crest2 option:selected").val() == $("#Crest4 option:selected").val() ){
selectedColorCode = $("#Crest1 option:selected").val();
selectedPercenText = $("#Crest2 option:selected").val();
selectedColorText = $("#Crest1 option:selected").text();
}else{
selectedColorCode = $("#Crest3 option:selected").val();
selectedPercenText = $("#Crest4 option:selected").val();
selectedColorText = $("#Crest3 option:selected").text();
}
alert(selectedColorCode+'['+selectedColorText+']::'+selectedPercenText);
$.post( 'hello.php',
{ selectedColorCode:selectedColorCode,
selectedColorText:selectedColorText,
selectedPercenText:selectedPercenText},
function(callbackData){
// do somethings
});
});
});
</script>
<select name="Crest1" id="Crest1">
</select>
<select name="Crest2" id="Crest2">
</select><br />
<div id="H1" style="display:none;">
<select name="Crest3" id="Crest3">
</select>
<select name="Crest4" id="Crest4">
</select>
<input type='button' name='submitForm' id='submitForm' value='บันทึกข้อมูล'
|
|
|
|
|
Date :
2014-07-21 21:52:11 |
By :
survivor |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณมากๆๆเลยครับป๋ม
|
|
|
|
|
Date :
2014-07-21 22:04:43 |
By :
nonzabboy |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Date :
2014-07-22 09:39:26 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 01
|