|
 |
| |
datalist เลือก 1 ช่อง แล้วโชว์ ที่อีก 1 Texbox |
| |
 |
|
|
 |
 |
|
jquery ajax: post get getJSON
|
 |
 |
 |
 |
| Date :
2016-07-06 15:44:22 |
By :
fossil31 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ต้องเขียนแนวไหนอ่ะครับ รบกวนช่วยทีครับ
|
| |
|
|
| |
| Date :
2016-07-06 17:47:32 |
By :
pissanu8970 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
on event:
Code (PHP)
<!doctype html>
<html lang="en">
<head>
<title>calculate number</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<style>
body{margin-top:40px;}
</style>
<div class="container">
<form role="form">
<div class="form-group">
<label for="sel1">Select List:</label>
<select class="form-control" id="sel1">
<option>Select</option>
<option value="1">Value 1</option>
<option value="2">Value 2</option>
<option value="3">Value 3</option>
<option value="4">Value 4</option>
</select>
</div>
<div class="form-group">
<label>Text 1:</label>
<input type="text" class="form-control" name="text1">
</div>
<div class="form-group">
<label for="sel2">Select List:</label>
<select class="form-control" id="sel2">
<option>Select</option>
<option value="1">Value 1</option>
<option value="2">Value 2</option>
<option value="3">Value 3</option>
<option value="4">Value 4</option>
</select>
</div>
<div class="form-group">
<label >Text 2:</label>
<input type="text" class="form-control" name="text2">
</div>
</form>
</div>
<script type="text/javascript">
$(document).ready(function() {
$("#sel1").change(function() {
$("input[name='text1']").val($(this).val());
});
$("#sel2").change(function() {
$("input[name='text2']").val($(this).val());
});
});
</script>
</body>
</html>
|
| |
|
|
| |
| Date :
2016-07-07 09:16:22 |
By :
fossil31 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
อีกนิดครับถ้าจะแบบ นี้ แต่ไม่เอาแบบ drop down แต่จะทำแบบ Datalist นะครับ ต้องเพิ่มตรงไหนหรอครับ เพราะถ้าเป็นแบบ Datalist จะสามารถค้าหาได้ด้วยนะครับ รบกวนอีกนิดครับ
|
| |
|
|
| |
| Date :
2016-07-07 09:51:35 |
By :
pissanu8970 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เค้าไม่เรียก datalist มันเป็น dropdown นั่นแหล่ะ แต่มันเป็น class ที่เค้าเรียกว่า chosen
ลองค้นหาคำว่า select chosen ใน google มีเยอะแยะ
|
| |
|
|
| |
| Date :
2016-07-07 10:07:12 |
By :
compiak |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ช่วยต่อให้หน่อยได้มั้ยครับ รบกวนหน่อยครับ select chosen
|
| |
|
|
| |
| Date :
2016-07-07 10:19:13 |
By :
pissanu8970 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<input list="browsers" name="item" id="datalist1">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
$("#datalist1").change(function() {
$("input[name='text2']").val($(this).val());
});
ไม่ใช่ autocomplete-ui ล่ะ
คุณสมบัติดีกว่า
Code (PHP)
$(".autocomplete").autocomplete({
source: "source.php",
minLength: 0,
focus: function( event, ui ) {
$(this).val( ui.item.value);
return false;
},
select: function(e, ui) {
//เอา item.name ไว้ใส่ใน input:
}
});
|
| |
|
|
| |
| Date :
2016-07-07 10:23:46 |
By :
fossil31 |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
งง ครับ ขอโค๊ดแบบสมบูรณ์หน่อยได้มั้ยครับ สลับไปมางงเอง เลยครับ 
|
| |
|
|
| |
| Date :
2016-07-07 10:38:51 |
By :
pissanu8970 |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
