在javascript中更改下拉框时更改路径URL

Change path URL on change of a dropdown box in javascript

本文关键字：路径 URL javascript      更新时间：2023-09-26

嗨，我想在页面上的下拉框更改时更改URL的路径。

<select id="SelectLocation" class="large" data-bind="value: StoreLocationSelected" >
<option value="0" label="choose one"></option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option> 
</select>

当下拉菜单上的选项更改时，我希望页面重新加载我要求的相关URL路径。有什么建议吗？

感谢

您可以使用以下方法。

<select id="dynamic_select">
    <option value="" selected>Pick a Website</option>
    <option value="http://www.google.com/">Google</option>
    <option value="http://www.youtube.com/">YouTube</option>
    <option value="http://www.stackoverflow.com/">Stack Overflow</option>
</select>
<script>
    $(function(){
      // bind change event to select
      $('#dynamic_select').bind('change', function () {
          var url = $(this).val(); // get selected value
          if (url) { // require a URL
              window.location = url; // redirect
          }
          return false;
      });
    });
</script>

Fiddle：http://jsfiddle.net/kiranvarthi/z60sxfkd/

尝试类似的东西

<select id="SelectLocation" class="large" data-bind="value: G4.Model.Ticketing.StoreLocationSelected" onchange="window.location.href = 'Here get right url depending on value';" >
<option value="0" label="choose one"></option>
<option>1</option>
<option>1</option>
<option>1</option>
<option>1</option>
</select>

使用此

   location.href="Your dropdown ITEM"   // Set this with your js function, onclick or whatever the way u want.

类似这样的东西：

$("#SelectLocation").on("change", function(){
    document.location.href = $(this).val(); //assuming options have urls's in them
});

不确定我是否答对了你的问题。我想你想发回服务器。如果你想更改表单url，那么你可以使用javascript/jquery，然后对所有表单数据进行提交。

//by name
document.myform.action = url;
//by id
document.getElementById("form_id").action = url;
document.getElementById("form_id").submit();
//jquery
$("#form_id").attr("action", url);
$("#form_id")[0].submit();

您可以使用下拉菜单选择索引更改事件来执行JS。

有关详细信息，请查看下面的URL：http://www.web-source.net/web_development/form_action.htm#.VEjMgyKUdDQ

相关文章：