jquery-selectbox - 两个动态选择框不能添加网址
问题描述
我正在尝试创建两个选择框。访问者选择选择我的主要类别。当我单击 select1 时,它会更改 select2 复选框。然后我点击 go 按钮它不会工作。我想添加 select2 URL。我怎样才能做到这一点?谢谢。
var $select1 = $( '#select1' ),
$select2 = $( '#select2' ),
$options = $select2.find( 'option' );
$select1.on( 'change', function() {
$select2.html( $options.filter( '[value="' + this.value + '"]' ) );
} ).trigger( 'change' );
var goBtn = document.getElementById("goBtn");
var select2= document.getElementById("select2");
goBtn.onclick = function() {
window.location = select2.url;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select name="select1" id="select1">
<option selected="" disabled="disabled">choose one</option>
<option value="1">Fruit</option>
<option value="2">Animal</option>
<option value="3">Bird</option>
<option value="4">Car</option>
</select>
<select name="select2" id="select2">
<option url="https://www.mynet.com/" value="1">Banana</option>
<option value="1">Apple</option>
<option value="1">Orange</option>
<option value="2">Wolf</option>
<option value="2">Fox</option>
<option value="2">Bear</option>
<option value="3">Eagle</option>
<option value="3">Hawk</option>
<option value="4">BWM<option>
</select>
<input type="button" id="goBtn" value="GO!">
解决方案
推荐阅读
- python - 我正在尝试在烧瓶中扩展一个 html 文件,但它没有反映在输出中?
- php - 如何在 Livewire 中使用嵌套表单字段?
- python - pandas read_html / 找不到表
- javascript - 如果用户在我的网站上活跃,如何运行倒计时?
- push-notification - IOS上的Flurry推送通知,无法上传证书
- django - 通过 django 请求读取 XMLStreamReader 时出错
- discord - 在 Discord.py 中制作验证机器人
- python - python3 为什么我的比较会改变格式?
- javascript - 尝试使用带有 Selenium 和 Javascript 的 getText() 方法获取文本
- react-native - 如何在没有触摸效果的情况下滚动平面列表