Как добавить кнопку выбора в этот список, пожалуйста?

Как изменить этот список из выпадающего списка, который автоматически изменяется на URL-адрес в раскрывающемся списке, в раскрывающемся списке, где пользователь должен выбрать зеленую кнопку «выбрать»?Как добавить кнопку выбора в этот список, пожалуйста?

спасибо, Steve.

<select name="cars" id="dynamic_select"> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Borrowing-Power-Calculator.aspx?ID=MFAA">Borrowing Power Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Loan-Repayment-Calculator.aspx?ID=MFAA">Loan Repayment Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Lump-Sum-Repayment-Calculator.aspx?ID=MFAA">Lump Sum Repayment Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Extra_Repayment_Calculator.aspx?ID=MFAA">Extra Repayment Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Budget-Planner.aspx?ID=MFAA">Budget Planner</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Loan-Comparison-Calculator.aspx?ID=MFAA">Loan Comparison Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/How-Long-to-Repay-Calculator.aspx?ID=MFAA">How Long to Repay Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Split-Loan-Calculator.aspx?ID=MFAA">Split Loan Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Property-Selling-Cost-Calculator.aspx?ID=MFAA">Property Selling Cost Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Property-Buying-Cost-Calculator.aspx?ID=MFAA">Property Buying Cost Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Saving-Calculator.aspx?ID=MFAA">Saving Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Term-Deposit-Calculator.aspx?ID=MFAA">Term Deposit Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Stamp-Duty-Calculator.aspx?ID=MFAA">Stamp Duty Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Credit-Card-Calculator.aspx?ID=MFAA">Credit Card Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Income-Tax-Calculator.aspx?ID=MFAA">Income Tax Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Reverse-Mortgage-Calculator.aspx?ID=MFAA">Reverse Mortgage Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Leasing-Calculator.aspx?ID=MFAA">Leasing Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Home-Loan-Offset-Calculator.aspx?ID=MFAA">Home Loan Offset Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/Australia/1/SuiteA100/640/Honeymoon-Loan-Calculator.aspx?ID=MFAA">Honeymoon Loan Calculator</option> 
    <option value="http://www.visionabacus.com/Finance/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>

источник

2016-02-08 Steve

Я не уверен, я понимаю, что вы пытаетесь достичь – Timo

Измените свой вопрос и добавить некоторую ясность, как я не могу понять ваш желаемый конечный результат. –

try $ (document) .on ('change', '# dynamic_select', function() {}); – Julo0sS

Проверьте это:

<select name="cars" id="dynamic_select"> 
    <option value="https://google.com">google.com</option> 
    <option value="https://google.de">google.de</option> 
</select>

JS:

$('#dynamic_select').on('change', function() { 
     var url = $(this).val(); 
     window.location = url; 
    });

Update:

$('#Submit').on('click', function() { 
 
     var url = $('#dynamic_select').val(); 
 
     window.location = url; 
 
     alert(url); // remove this line later 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="cars" id="dynamic_select"> 
 
    <option value="https://google.com">google.com</option> 
 
    <option value="https://google.de">google.de</option> 
 
</select> 
 
<input id="Submit" value="Go" type="submit"/>

источник

2016-02-08 10:13:43 Pedram

Спасибо @jiff. Это не то, чего я действительно хочу. Я бы хотел, чтобы кнопка выбора справа от списка. – Steve

Если я правильно понимаю, вы хотите добавить кнопку отправки рядом с полем выбора, тогда пользователь может выбрать опцию, а затем нажать кнопку submit, а затем перенаправить на URL-адрес, верно? – Pedram

Исправить @jiff. Благодарю. – Steve

Как добавить кнопку выбора в этот список, пожалуйста?

ответ

Смежные вопросы