|
|
|
ทำ select auto fit อ่ะครับ ที่นี้เวลาผมสร้าง record ใหม่ จะทำยังไงให้มันลงไปหา select ล่าง |
|
|
|
|
|
|
|
Code (JavaScript)
function list(tagNext, val, tagName) {
/* prvModule.php เป็น โค๊ดสำหรับ process เวลาที่ีค่าใน zone ถูกเลือกหรือเปลี่ยนค่า จะส่งไปแบบ post โดยผ่าน form และ return เป็น json อ่ะครับ */
$.getJSON('prvModule.php', { name: tagName, value: val }, function(data) {
var select = $(tagNext);
var nums = select.length;
var options = select.attr('options');
$('option', select).remove();
var opt = '<option value="0"> --- ไม่ระบุ --- </option>';
$(select).append(opt);
$.each(data, function(index, array) {
$(select).css("display","inline");
$(select).append('<option value="' + array[0] + '">' + array[1] + '</option>');
});
});
}
Code (PHP)
[.... ด้านบนเป็น table มี id สำหรับการเพิ่ม recode ใหม่ ...]
<td><select id="zone" name="zone[]" onChange="list('.province',this.value,'zone')">
<option value="0"> --- ไม่ระบุ --- </option>
<?php
$strSQL = "SELECT * FROM geography";
$objQuery = mysql_db_query($db_name, $strSQL) or die(mysql_error());
while($rows = mysql_fetch_array($objQuery)) {
$geo_id = $rows["GEO_ID"];
$geo_name = $rows["GEO_NAME"];
echo "<option value='$geo_id'> $geo_name </option>";
}
?>
</select>
</td>
<td>
<select class="province" name="province[]">
<!-- <option></option> -->
</select>
</td>
[..............]
Tag : PHP, HTML/CSS, JavaScript, jQuery
|
|
|
|
|
|
Date :
2012-11-22 15:15:55 |
By :
dew |
View :
1060 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|