javascript - HTML 表单选择与 jQuery 不工作

标签 javascript jquery html css

<分区>

我正在使用以下代码:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select name="cars" id="dynamic_select">
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Borrowing-Power-Calculator.aspx?ID=MFAA">Borrowing Power Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Loan-Repayment-Calculator.aspx?ID=MFAA">Loan Repayment Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Lump-Sum-Repayment-Calculator.aspx?ID=MFAA">Lump Sum Repayment Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Extra_Repayment_Calculator.aspx?ID=MFAA">Extra Repayment Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Budget-Planner.aspx?ID=MFAA">Budget Planner</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Loan-Comparison-Calculator.aspx?ID=MFAA">Loan Comparison Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/How-Long-to-Repay-Calculator.aspx?ID=MFAA">How Long to Repay Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Split-Loan-Calculator.aspx?ID=MFAA">Split Loan Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Property-Selling-Cost-Calculator.aspx?ID=MFAA">Property Selling Cost Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Property-Buying-Cost-Calculator.aspx?ID=MFAA">Property Buying Cost Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Saving-Calculator.aspx?ID=MFAA">Saving Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Term-Deposit-Calculator.aspx?ID=MFAA">Term Deposit Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Stamp-Duty-Calculator.aspx?ID=MFAA">Stamp Duty Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Credit-Card-Calculator.aspx?ID=MFAA">Credit Card Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Income-Tax-Calculator.aspx?ID=MFAA">Income Tax Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Reverse-Mortgage-Calculator.aspx?ID=MFAA">Reverse Mortgage Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Leasing-Calculator.aspx?ID=MFAA">Leasing Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Home-Loan-Offset-Calculator.aspx?ID=MFAA">Home Loan Offset Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Honeymoon-Loan-Calculator.aspx?ID=MFAA">Honeymoon Loan Calculator</option>
  <option value="http://www.visionabacus.com/Australia/1/SuiteA100/640/Comparison-Rate-Calculator.aspx?ID=MFAA">Comparison Rate Calculator</option>
</select>

<script>
  $(function() {
    // bind change event to select
    $('#dynamic_select').on('change', function() {
      var url = $(this).val(); // get selected value
      if (url) { // require a URL
        window.location = url; // redirect
      }
      return false;
    });
  });
</script>

此刻,表单的变化将浏览器发送到 URL: http://www.visionabacus.com/default.aspx?go=

我不明白需要更改什么。

你能帮忙吗?

最佳答案

您的代码没问题。链接已断开。如果您手动输入它们,您将看到服务器端的应用程序正在进行重定向。

关于javascript - HTML 表单选择与 jQuery 不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35261589/

相关文章:

javascript - 电子表格应用程序转换日期()

javascript - 如何在 JavaScript 中比较颜色?

php - JQuery中发现PHP返回AJAX错误

javascript - 字典 Javascript my_dict = {'A' :'test' ,'B' :'test' } : why my_dict ['A' ] return undefined?

javascript - 使用 jquery 延迟 css 触发

jquery单选按钮冲突

asp.net - 想要使用jquery弹出窗口,但从服务器端获取数据

html - 什么时候子元素会影响父元素的位置?

angularjs - 从组合框中获取选定的值

javascript - 检查元素是否直接包含任何文本