下拉选择标签中的选项值 [英] Option values in dropdown select tag

问题描述

我在一页中有两个下拉选择标签.

第一个下拉列表框称为状态"，它基于选择的状态...

The first dropdown box is called "states" and based off of what state is chosen...

第二个下拉列表将通过具有相同的"VALUE"来显示该州的大学

The second dropdown will show the colleges in that state by having the same "VALUE"

我想做的是建立一个基于所选大学的链接:

What I am trying to do is to have a link based off of the college chosen:

• 是否有可能创造另一个价值来为所选大学提供链接?还是有其他方法可以创建链接?

推荐答案

听起来您需要使用数据属性，即

It sounds like you need to use a data attribute i.e.

<select class="colleges">
  <option data-link="www.colege1.com" value="state1">College 1</option>
  <option data-link="www.colege2.com" value="state1">College 2</option>
</select>

$( ".colleges" ).change(function() {
  window.location.href = $(this).find(':selected').attr("data-link"); 
 });

或

$(this).find(':selected').data('link');

将获得相同的属性.

data- *属性使您能够在任何HTML元素上嵌入自定义数据属性

The data-* attribute gives you the ability to embed custom data attributes on any HTML elements

这篇关于下拉选择标签中的选项值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！