为什么我的脚本没有获得我想要的价值 [英] why my script doesn't get value that I purpose
本文介绍了为什么我的脚本没有获得我想要的价值的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
在我的网络中，有一些表内容我给出了这样的静态值
in my web there are table content that i give a static value like this
<?php
include 'config/koneksi.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Lay Out Penempatan Produk UHT Area Gudang Rak A-F</title>
<link rel="icon" href="http://localhost/wifi/images/RSUP.png">
<link rel="stylesheet" type="text/css" href="css/popup-window.css" media="screen">
<script type="text/javascript" src="js/popup-window.js"></script>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script>
function setvalue(values) {
document.getElementById('posisi').value = values;
}
</script>
<script type="text/javascript">
var htmlobjek;
$(document).ready(function(){
//apabila terjadi event onchange terhadap object <select id=pid>
$("#pid").change(function(){
var pid = $("#pid").val();
$.ajax({
url: "ambilnamaproduk.php",
data: "pid="+pid,
cache: false,
success: function(data){
$("#pname").val(data);
}
});
});
});
</script>
<script>
var i = $("#myTD").val();
alert(i);
</script>
<script type="text/javascript">
var htmlobjek;
$(document).ready(function () {
var i = $("#myTD").val();
$.ajax({
url: "cek.php",
type:'POST'
data: "i="+i,
cache: false,
success: function (data) {
$("#cek").val(data);
}
});
});
var k = $("#cek").val();
if(k = "0"){
$(document).ready(function () {
$(".data").css("background-color", "#00CC00");//green
});
}
else{
$(document).ready(function () {
$(".data").css("background-color", "#FF0000");//red
});
}
</script>
</head>
<body>
<div>
<input id="cek" name="cek" type="text" />
<table width="1023" border="1">
<tr>
<th colspan="2">A1</th>
<th colspan="2">A2</th>
<th colspan="2">A3</th>
<th colspan="2">A4</th>
<th colspan="2">A5</th>
<th colspan="2">A6</th>
<th colspan="2">A7</th>
<th colspan="2">A8</th>
<th colspan="2">A9</th>
</tr>
<tr>
<td class="data"> <div align="center"> <input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });setvalue(this.value);" id="myTD" name="myTD" value="A1.4" /></div></td>
<td class="data"><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });setvalue(this.value);" value="A1.8" /></div></td>
<td><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });setvalue(this.value);" value="A2.4" /></div></td>
<td><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });setvalue(this.value);" value="A2.8" /></div></td>
<td><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });setvalue(this.value);" value="A3.4" /></div></td>
<td><div align="center"><input type="button" onclick="popup_window_show('#sample', { pos : 'tag-right-down', parent : this, width : '270px' });setvalue(this.value);" value="A3.8" /></div></td>
<td><div align="center">A4.4</div></td>
<td><div align="center">A4.8</div></td>
<td><div align="center">A5.4</div></td>
<td><div align="center">A5.8</div></td>
<td><div align="center">A6.4</div></td>
<td><div align="center">A6.8</div></td>
<td><div align="center">A7.4</div></td>
<td><div align="center">A7.8</div></td>
<td><div align="center">A8.4</div></td>
<td><div align="center">A8.8</div></td>
<td><div align="center">A9.4</div></td>
<td><div align="center">A9.8</div></td>
</tr>
<tr>
<td><div align="center">A1.3</div></td>
<td><div align="center">A1.7</div></td>
<td><div align="center">A2.3</div></td>
<td><div align="center">A2.7</div></td>
<td><div align="center">A3.3</div></td>
<td><div align="center">A3.7</div></td>
<td><div align="center">A4.3</div></td>
<td><div align="center">A4.7</div></td>
<td><div align="center">A5.3</div></td>
<td><div align="center">A5.7</div></td>
<td><div align="center">A6.3</div></td>
<td><div align="center">A6.7</div></td>
<td><div align="center">A7.3</div></td>
<td><div align="center">A7.7</div></td>
<td><div align="center">A8.3</div></td>
<td><div align="center">A8.7</div></td>
<td><div align="center">A9.3</div></td>
<td><div align="center">A9.7</div></td>
</tr>
<tr>
<td><div align="center">A1.2</div></td>
<td><div align="center">A1.6</div></td>
<td><div align="center">A2.2</div></td>
<td><div align="center">A2.6</div></td>
<td><div align="center">A3.2</div></td>
<td><div align="center">A3.6</div></td>
<td><div align="center">A4.2</div></td>
<td><div align="center">A4.6</div></td>
<td><div align="center">A5.2</div></td>
<td><div align="center">A5.6</div></td>
<td><div align="center">A6.2</div></td>
<td><div align="center">A6.6</div></td>
<td><div align="center">A7.2</div></td>
<td><div align="center">A7.6</div></td>
<td><div align="center">A8.2</div></td>
<td><div align="center">A8.6</div></td>
<td><div align="center">A9.2</div></td>
<td><div align="center">A9.6</div></td>
</tr>
<tr>
<td><div align="center">A1.1</div></td>
<td><div align="center">A1.5</div></td>
<td><div align="center">A2.1</div></td>
<td><div align="center">A2.5</div></td>
<td><div align="center">A3.1</div></td>
<td><div align="center">A3.5</div></td>
<td><div align="center">A4.1</div></td>
<td><div align="center">A4.5</div></td>
<td><div align="center">A5.1</div></td>
<td><div align="center">A5.5</div></td>
<td><div align="center">A6.1</div></td>
<td><div align="center">A6.5</div></td>
<td><div align="center">A7.1</div></td>
<td><div align="center">A7.5</div></td>
<td><div align="center">A8.1</div></td>
<td><div align="center">A8.5</div></td>
<td><div align="center">A9.1</div></td>
<td><div align="center">A9.5</div></td>
</tr>
</table>
</div>
<div class="popup_window_css" id="sample"/>
<table class="popup_window_css"/>
<tr class="popup_window_css"/>
<td class="popup_window_css"/>
<div class="popup_window_css_head"><img src="images/close.gif" alt="" width="9" height="9" />Aksi</div>
<div class="popup_window_css_body"/><div style="border: 1px solid #808080; padding: 6px; background: #FFFFFF;"/>
<form method="post" action="aksi.php"/>
<table>
<tr>
<td> Werehouse Product </td>
<td><select name="wp">
<option selected>- Jenis Werehouse -</option>
<?php
$q = mssql_query("select WHSName from tblSPDMstWarehouseProduct Order by WHSID");
while ($r = mssql_fetch_array($q)){
echo "<option value=$r[WHSName]>$r[WHSName]</option>";
}
?>
</select>
</td>
<tr>
<td> Posisi</td>
<td> <input type='text' name='posisi' id='posisi' readonly/></td>
</tr>
<tr>
<td> Product ID</td>
<td> <select name="pid" id="pid">
<option selected = "selected" >- Produk ID -</option>
<?php
$q = mssql_query("select ProductID from tblMstProduct Order by ProductID");
while ($r = mssql_fetch_array($q)){
echo "<option value=$r[ProductID]>$r[ProductID]</option>";
}?>
</select>
</td>
</tr>
<tr>
<td> Product Name</td>
<td ><input type="text" id="pname" name="pname" size="65" readonly/>
</td>
</tr>
<tr>
<td> Production Date</td>
<td > <input type='text' name="tgl" /></td>
</tr>
<tr>
<td colspan='2' align='center'>
<input type='submit' value= 'Save'>
<input type='button' value='view' onclick="javascript:ajax_post();"/>
</td>
</tr>
</table>
</from>
<div class="popup_window_css_foot">
</div>
</body>
</html>
然后 我使用jquery选择器来获取该值，并使用ajax来执行该值，像这样
and then i use jquery selector to get that value and use ajax to execute that value like this
var htmlobjek;
$(document).ready(function () {
var i = $("td").find("td.data").val();
$.ajax({
url: "cek.php",
data: "i",
cache: false,
success: function (data) {
$("#cek").val(data);
}
});
});
在cek.php中当然是这样的
in cek.php of course like this
<?php
$posisi = $_POST[i];
$val = mssql_num_rows(mssql_query("SELECT*FROM tblTrnProduct WHERE Posisi = '$posisi'"));
echo"$val";
?>
根据之前的回答，可以.但在单个表中.我已经检查了我的html结构(可以).我修改为复杂表后，再次发生相同的情况.
according to the answer before, yes it work. but in single table. i have checked my html structure(it's okay). after i modified into complex table same case happen again.
推荐答案
在<td class="data">之后，您忘记了</tr>.
$(document).ready(function(){
function setvalue(values) {
$('#posisi').val(values);
}
var htmlobjek;
//apabila terjadi event onchange terhadap object <select id=pid>
$("#pid").change(function(){
var pid = $("#pid").val();
$.ajax({
url: "ambilnamaproduk.php",
data: "pid="+pid,
cache: false,
success: function(data){
$("#pname").val(data);
}
});
});
var i = $("tr").find("td.data").attr('value');
$.ajax({
url: "cek.php",
type:'POST'
data: {"data": i},
cache: false,
success:
function (data) {
$("#cek").val(data);
}
});
var k = $("#cek").val();
if(k = "0"){
$(".data").css("background-color", "#00CC00");//green
}
else {
$(".data").css("background-color", "#FF0000");//red
}
});
在cek.php中，您的"i"应为$_POST['data'].
In cek.php your 'i' should be available as $_POST['data'].
仅供参考: 如果您有多个带值的行，或者多个表的值在这些表的行中，则应编写不同的代码.请参见此jsFiddle .
FYI: If you have multiple rows with a value, or multiple tables with a value in the rows of those tables you should write the code different. Please see this jsFiddle.
但是，如果有很多值，将会有很多ajax调用. 更好的解决方案是将值添加到隐藏的输入中.请参见此jsFiddle .
However if there are a lot of values, there will be a lot of ajax calls. A better solution would be to add the value to a hidden input. Please see this jsFiddle.
希望它对您有所帮助.
这篇关于为什么我的脚本没有获得我想要的价值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
