-3

ドロップダウン メニューがあり、ユーザーがクリックするとリンクに転送されます ここをクリックして表示してくださいユーザーがカテゴリを選択したときにボタンを転送する必要はありません。ユーザーがメニューをクリックしたいときにボタンを削除し、選択するとドメインに転送されます。私を案内してください。ありがとう...

ボタンコードは

<FORM name="mapform" method="POST">
<SELECT name="jump" size="1">
<OPTION value="" SELECTED>Select the Category</option>
<OPTION value="http://www.mydomain.com/posting.php?mode=post&f=1">Ask a Question</option>
<OPTION value="http://www.mydomain.com/posting.php?mode=post&f=4">Vehicle for Sale</option>
<OPTION value="http://www.mydomain.com/posting.php?mode=post&f=8">Housing for Rent</option>
</SELECT>
<INPUT type=button onClick= "location = '' + document.mapform.jump.options[ document.mapform.jump.selectedIndex ].value;" value="Place an Ad!">
</FORM>

追加のヘルプ:)可能であれば、このボタンを素敵なテーマのように見せる方法を教えてください...

4

3 に答える 3

1

そのドロップダウンの onChange 中にトリガーする必要があります。

そのドロップダウンの onChange で、Javascript 関数を呼び出すことができ、その関数でそれをリダイレクトできます。

また

そのための ID を作成し、<select>onchange イベントを作成できます。

<SELECT name="jump" size="1" id="category">
<script type="text/javascript">
   $(document).ready(function() {
      $("#category").onchange(function() {
        // do redirect here  ....................
      });
   });
</script>
于 2012-12-12T10:13:03.237 に答える
1

onclickコードをドロップダウンのonchangeイベントに移動します。

<SELECT name="jump" size="1" onchange="window.location = this.value;">

ただし、インライン イベントですべてのコードをスローするのではなく、関数を作成することをお勧めします。これは、Select the Categoryオプションが選択されているかどうかを確認する必要があり、リダイレクトしないためです。

<script>
function changeCategory(value)
{
    if(value != "")
    {
        window.location = value;
    }
}
</script>

<SELECT name="jump" size="1" onchange="changeCategory(this.value)">
于 2012-12-12T10:04:05.477 に答える
1

この
HTMLを試してください

<SELECT name="jump" id="jump" size="1">
<OPTION value="" SELECTED>Select the Category</option>
<OPTION value="http://www.mydomain.com/posting.php?mode=post&f=1">Ask a Question</option>
<OPTION value="http://www.mydomain.com/posting.php?mode=post&f=4">Vehicle for Sale</option>
<OPTION value="http://www.mydomain.com/posting.php?mode=post&f=8">Housing for Rent</option>
</SELECT>

Jクエリスクリプト

<script>
    $(function(){

      $('#jump').bind('change', function () {
          var url = $(this).val(); // get selected value
          if (url) { // require a URL
              window.location = url; // redirect
          }
          return false;
      });
    });
</script>
于 2012-12-12T10:09:31.067 に答える