3

私は JavaScript の知識が限られているため、フォームを変更しようとしています。ドロップダウンが選択されたときに [移動] ボタンをクリックしなくてもフォームが自動変更されるようにします。

次のコードをどのように修正しますか? そこには 3 つの個別のドロップダウンがあります。そこに挿入しようとしましたが、うまくonselectいかないようですか？

<select name="season">
<option value="0"><?= $txt_all ?></option>
<?php
while($data = mysql_fetch_array($get_seasons))
{
    if($data['SeasonID'] == $defaultseasonid)
        echo "<option value=\"$data[SeasonID]\" SELECTED>$data[SeasonName]</option>\n";
    else
        echo "<option value=\"$data[SeasonID]\">$data[SeasonName]</option>\n";
}
mysql_free_result($get_seasons);
?>
</select>
<select name="matchtype">
<option value="0"><?= $txt_all ?></option>
<?php
while($data = mysql_fetch_array($get_types))
{
    if($data['MatchTypeID'] == $defaultmatchtypeid)
        echo "<option value=\"$data[MatchTypeID]\" SELECTED>$data[MatchTypeName]</option>\n";
    else
        echo "<option value=\"$data[MatchTypeID]\">$data[MatchTypeName]</option>\n";
}
mysql_free_result($get_types);
?>
</select> <input type="submit" name="submit" value="Go"><td bgcolor="<?php echo $inside_c ?>" align="center">
&nbsp;Other Stats <br><select name="changeto">

<option value="1"><?= $txt_match_statistics ?></option>
<option value="2"><?= $txt_recordbook ?></option>
<option value="5"><?= $txt_opponent_list ?></option>
<option value="6"><?= $txt_this_day ?></option>

</select> <input type="submit" name="changepage" value="Go">
4

1 に答える 1

1

jQuery を使用すると、ドロップダウン リストが変更されたときにリッスンできます。

$('select').change(function(){
    // Do stuff
});

ドロップダウン値を変更した直後にフォームを送信する場合は、次のようにします。

$('select').change(function(){
    $('form').submit();
});

正しい文脈では、ここから例を見ることができます（そしてそれをいじってください！）：http://jsfiddle.net/EB635/

于 2013-08-17T23:01:18.310 に答える