0

PHP で動的に作成された選択リストがあります。リストからのユーザーの選択に基づいてフォームを変更する JQuery スクリプトもありますが、クリック イベントは FF でのみ認識され、Safari や Chrome では認識されません (IE はまだ試していません)。JQセレクターでより具体的にしようとしましたが、それは役に立ちませんでした。これは、すべてのブラウザーで Web サイトを機能させるための私の最初の試みであるため、すべてのヘルプが大歓迎です。

HTML

<select id="formcategory" name="Category">
  <option value="Select One">Select One</option>
  <option class="BloodSample" value="1">Blood Sample</option>
  <option class="Exercise" value="2">Exercise</option>
  <option class="InsulinInjection" value="3">Insulin Injection</option>
  <option class="Meal" value="4">Meal</option>
  <option class="Symptoms" value="5">Symptoms</option>
  <option class="UrineSample" value="6">Urine Sample</option>
</select>


PHP to create the select list:                  
<?php
  if(!$_POST) {
    echo "<option value='Select One'>Select One</option>";
    }
  else {
echo "<option value='".$_POST['Category']."'>".$_POST['Category']."</option>";
    }
    foreach($array1 as $key=>$val) {
  if($key<10) {
    echo "<option class='".(str_replace(" ","",$val))."'value='".$key."'>".$val. "</option>";
}
}

?>

JQ
$('#formcategory').on('click','option',function() {

    console.log($(this));//only FF finds the option selected
4

1 に答える 1