私はこのコードのビットで立ち往生しています。すべてのアカウントでそれが機能するはずです、私は今それを2時間見つめています、私は何が悪いのか分かりません。
divにオプションがある2つの選択肢があります。正しい親IDで選択すると、サブカテゴリが表示されます。これで問題ないと感じていますが、何らかの理由で表示されません。メインページのhtml/phpは次のとおりです。
<li>
<label for="Catid">Pick a Category:</label>
<select id="Catid">
<?php
$Products = New Products();
$Products->form_Cat_Picker();
?>
</select>
</li>
<li>
<label for="Subcatid">Sub Category:</label>
<?php
$Products = New Products();
$Products->form_Subcat_Picker();
?>
</li>
<script type="text/javascript">
$(document).ready(function() {
$('#Catid').change(function(){
var optvalue = $(this).val(),
div = $('#' + 'parentid' + optvalue);
$('div').hide();
div.show();
});
});
</script>
<li>
そしてここに2つの機能があります：
function form_Cat_Picker() {
$mysqli = new mysqli(DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);
if (!$mysqli) {
die('There was a problem connecting to the database.');
}
$catPicker = "SELECT Catid, Catname
FROM ProductCats
ORDER BY Catid";
if ($Result = $mysqli->query($catPicker)){
if (!$Result) {
echo 'Could not run query: ' . mysql_error();
exit;
}
echo '<option value="">'.''.'</option>';
while ($row = $Result->fetch_assoc()) {
echo '<option value="'.$row["Catid"].'">'.$row["Catname"]."</option>";
echo '</div>';
}
}
$mysqli->close();
}
function form_Subcat_Picker() {
$mysqli = new mysqli(DB_SERVER, DB_USER, DB_PASSWORD, DB_NAME);
if (!$mysqli) {
die('There was a problem connecting to the database.');
}
$catPicker = "SELECT Subcatid, Subcatname, Parentid
FROM ProductSubCats
ORDER BY Subcatid";
if ($Result = $mysqli->query($catPicker)){
if (!$Result) {
echo 'Could not run query: ' . mysql_error();
exit;
}
$counter = 0;
while ($row = $Result->fetch_assoc()) {
if ($counter >= 1) {
if ($last_id != $row['Parentid']){
echo '</select>';
echo '</div>';
}
}
if ($last_id != $row['Parentid']){
echo '<div id="parentid'.$row['Parentid'].'" style="display:none">';
echo '<select id="Subcatid">';
}
echo '<option value="'.$row["Subcatid"].'">'.$row["Subcatname"]."</option>";
$last_id = $row['Parentid'];
$counter++;
}
echo '</select>';
echo '</div>';
}
$mysqli->close();
}
これらは以下を出力します：
<li>
<label for="Catid">Pick a Category:</label>
<select id="Catid">
<option value=""/>
<option value="1">Sample 1</option>
<option value="2">Sample 2</option>
<option value="3">Sample 3</option>
<option value="4">Sample 4</option>
<option value="5">Sample 5</option>
<option value="6">Sample 6</option>
<option value="7">Sample 7</option>
</select>
</li>
<li>
<label for="Subcatid">Sub Category:</label>
<div id="parentid1" style="display: none;">
<select id="Subcatid">
<option value="1">Sub Sample 1</option>
<option value="2">Sub Sample 2</option>
</select>
</div>
</li>
したがって、出力は正常に見えます。jqueryは正しいようです。しかし、実行しようとすると、サンプル1を選択したときにdividparentid1が表示されません。
私は盲目になりますか、それとも何か間違ったことをしましたか？ありがとう
編集
jfiddleでも動作します：http：//jsfiddle.net/VGDwm/ そして 私はjqueryライブラリを適切に呼び出しました：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"/>
何が間違っている可能性がありますか？jqueryはdivの後または前にある必要がありますか？それとも、これはphpからの呼び出しに関する問題ですか？