|
|
|
ขอคำแนะนำเกี่ยวกับ อยากให้เลือกตรง select menu แล้ว ค่าที่แดงออกมาเปลี่ยนหน่อยครับเป้นแบบตัวเลือก |
|
|
|
|
|
|
|
ใช้ jQuery น่าจะง่ายกว่านะครับ
Code (PHP)
<span></span><br />
<select id="ddlViewBy">
<option value="value">text</option>
<option value="value1">text1</option>
</select>
<script type="text/javascript" src="js/jquery.min.js?v=1001"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#ddlViewBy').change(function(event) {
var result = $('#ddlViewBy option:selected').text();
$('span').text(result);
});
});
</script>
|
|
|
|
|
Date :
2016-11-18 09:34:13 |
By :
arm8957 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มองภาพไม่ออกเลยครับ ขอตัวอย่างเพิ่ม อีกนิดได้ไหมครับ T^T
|
|
|
|
|
Date :
2016-11-18 09:46:53 |
By :
-- |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ใจเย็นๆน๊ะครับ ผมมือใหม่ TT คือให้สร้าง เท็กบ๊อก ตรง span ใช่ไหมครับ แล้ว echo ค่าไหนอ่ะครับ T^T
|
|
|
|
|
Date :
2016-11-18 10:13:55 |
By :
-- |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ลองทำความเข้าใจดูครับ
Code (PHP)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form>
<input name="txt" id="txt" type="text" value="" style="font-size:36px; color:#F00;" />
<br /><br />
<select id="ddlViewBy">
<option value="value">text</option>
<option value="value1">text1</option>
</select>
</form>
<script type="text/javascript" src="https://www.thaicreate.com/js/jquery-1.7.2.min.js?v=1001"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#ddlViewBy').change(function(event) {
var result = $('#ddlViewBy option:selected').text();
document.getElementById('txt').value = result;
});
});
</script>
</body>
</html>
|
|
|
|
|
Date :
2016-11-18 10:50:55 |
By :
arm8957 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมคงช่วยคุณได้เท่านี้ครับ ศึกษาเพิ่มเติมแล้วต่อยอดเอานะครับ
|
|
|
|
|
Date :
2016-11-18 11:25:22 |
By :
arm8957 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับ
|
|
|
|
|
Date :
2016-11-18 11:47:47 |
By :
-- |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
มือใหม่ - อธิบายความเป็นมือใหม่หน่อยครับ
|
|
|
|
|
Date :
2016-11-18 11:49:51 |
By :
apisitp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ไม่เข้าใจครับ อธิบายคำถามหน่อยครับ
|
ประวัติการแก้ไข 2016-11-18 13:15:05 2016-11-18 13:15:15 2016-11-18 13:15:31
|
|
|
|
Date :
2016-11-18 13:06:05 |
By :
-- |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ถ้ายังมือใหม่มากๆก็คงต้องแบบนี้ครับ แล้วลองเอาไปปรับดู
Code (JavaScript)
<form>
<select onchange="test(this.value)">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<input name="txt" type="text" value="A">
</form>
<script>
function test(val)
{
var frm = document.forms[0];
frm['txt'].value=val;
}
</script>
|
|
|
|
|
Date :
2016-11-18 16:54:27 |
By :
Luz |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ขอบคุณครับ เดี่ยวนำไปลองครับ
ตอนนี้ กำลัง ลองปรับจากอันนี้อยู่ครับ
https://www.thaicreate.com/community/php-jquery-ajax-list-menu.html
|
|
|
|
|
Date :
2016-11-18 16:57:13 |
By :
-- |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|