如何通过url预填充表单?

时间:2014-07-17 15:04:15

标签: php jquery html url

你好我在domain.com/inicio

中有这个表格
<form id="myForm" action="/%27/ajaxform" method="POST" >
  <select id="tiendaseleccionada" style="width: 350px;">
                 <option value="0"
           >
           Seleccione CDD...
        </option>
                 <option value="1"
           >
           Centro de Distribución Directa &quot;1&quot;
        </option>
                 <option value="2"
           >
           Centro de Distribución Directa &quot;2&quot;
        </option>
                 <option value="3"
           >
           Centro de Distribución Directa &quot;3&quot;
        </option>
                 <option value="4"
           >
           Centro de Distribución Directa &quot;4&quot;
        </option>
                 <option value="5"
           >
           Centro de Distribución Directa &quot;5&quot;
        </option>
                 <option value="6"
           >
           Centro de Distribución Directa &quot;6&quot;
        </option>
           </select>
  <img src="/img/loadin2.ajax.gif" style="display: none;" id="imggif">

  <script type="text/javascript">
    jQuery(document).ready(function() {
  jQuery("#tiendaseleccionada option[value='0']").attr('selected', 'selected');
  });
  /*var lista = document.getElementById('tiendaseleccionada');

lista.onchange = function() {
var url = lista.options[lista.selectedIndex].getAttribute('data-url');
window.location = url;
};*/
</script>
<input type="submit" value="Verificar disponibilidad" hidden="true"/>
</form>

好的,那么我需要预先填充只是使用url来加载页面时加载值为2的示例。希望我有办法做到这一点。我一直在寻找这个:)

谢谢你。

3 个答案:

答案 0 :(得分:0)

使用这样的网址:

mydomain.com/mypage#2

然后您可以读取哈希值:

var sel = document.location.hash;

然后,您可以根据该值设置SELECT语句的selectedIndex。

答案 1 :(得分:0)

根据您的JQuery版本,您尝试执行的Javascript部分应该是这样的:

jQuery(document).ready(function() {
  jQuery("#tiendaseleccionada").val(2);
});

要动态获取选择值(上例中为2),您可以从URL查询字符串中读取值:

jquery get querystring from URL

答案 2 :(得分:0)

为了清晰起见,将其他两个答案结合起来:

jQuery(document).ready(function () {
  var sel = document.location.hash;
  jQuery("#tiendaseleccionada").prop('selectedIndex', sel);
});

上面的代码应该从URL的末尾获取哈希值,然后使用该值将所选索引更改为该索引。

除非您提供特定的网址格式,否则您的问题的确切答案有点不清楚。如果你澄清一点,我会编辑我的答案。