在HTML表单中选择选项后重定向网址?

时间:2015-09-09 02:53:03

标签: html html5

我想要重定向到storeDict = {"socks" : [6.99, 4.50, 5.00, 4.99], "shoes" : [14.99,19.99], "napkin" : [],"shirt" : [8.99, 7.00, 6.50, 10.25, 8.99]} def lowestPrice(storeDict): valueslist =[] # init empty list for k,v in storeDict.iteritems(): # iterate dict if len(v) > 0: # if list has elements valueslist.append((k,min(v))) # find min element and append else: valueslist.append((k,False)) # append with value = False return valueslist print lowestPrice(storeDict) form。 在我的options的根目录中,其中包含以下代码。我有两个与index.html相同级别的文件夹。 index.htmlfoo/index.html。我想在选项选择时重定向到sub-index.html并提交。不是bar/index.html事件。

onchange

注意:大多数帖子都使用<form id='selector'> <div class='input'> <select id="foobarid" name="foobar"> <option value="foo/index.html">foo</option> <option value="bar/index.html">bar</option> </select> </div> <div class='input'><a id="foobarsubmit" href="#">submit</a></div> </form> 进行说明。我试图看看是否可以避免使用jquery/javascript事件处理程序。

1 个答案:

答案 0 :(得分:1)

只需将submit元素的href设置为select onchange的选项值即可

之类的东西
<form id='selector'>
      <div class='input'>
        <select id="foobarid" name="foobar" 
                onchange="document.getElementById('foobarsubmit').href = this.value;">
            <option value="foo/index.html">foo</option>
            <option value="bar/index.html">bar</option>
        </select>
      </div>
      <div class='input'><a id="foobarsubmit" href="#">submit</a></div>
</form>