使用潜在选项的下拉列表更改 URL 参数

Question

这是我的主要代码： https : //jsfiddle.net/pumeqc62/1/

在上面的代码中，用户输入了一个关键字，该关键字更改了 URL 的一部分以访问不同的数据。

https://api.fda.gov/device/510k.json?search=device_name:name&limit=1000

但我正在尝试更改 URL 的另一部分。 “search=device_name”部分确定正在搜索的字段。 我想知道是否可以使用类似于以下代码的内容更改此部分，该代码为用户提供了一个搜索选项列表（下拉列表）

 $(function($) { // Create a set of OPTION elements var words = ["advisory_committee", "advisory_committee_description", "ao_statement", "applicant", "city", "date_received", "decision_code", "decision_date", "docket_number", "expedited_review_flag", "fed_reg_notice_date", "generic_name", "openfda", "pma_number", "supplement_number", "supplement_reason", "supplement_type", "trade_name"], options = $($.map(words, function(word) { return $(document.createElement('option')).text(word)[0]; })); $('select').each(function() { // Add the dummy OPTIONs to the SELECT var select = $(this).append(options.clone()); // Initialize Chosen, using the options from the // `data-chosen-options` attribute select.chosen(select.data('chosen-options')); }); });

 body { font-family: sans-serif; font-size: .8em; } label { display: block; margin-bottom: 1.4em; } label .label { font-weight: bold; margin-bottom: .2em; } select { width: 14em; }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.8.7/chosen.jquery.min.js" integrity="sha512-rMGGF4wg1R73ehtnxXBt5mbUfN9JUJwbk21KMlnLZDJh7BkPmeovBuddZCENJddHYYMkCh9hPFnPmS9sspki8g==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <label> <div class='label'>Select Search Term Parameter</div> <select name='default' data-chosen-options='{}'></select> </label>