-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

将onclick代码移动到下拉列表的onchange事件：

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

虽然，我建议创建一个函数，而不是在 inline 事件中抛出所有代码，因为您需要检查是否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>

查询脚本

<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 回答
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 回答