Cómo seleccionar una opción de formulario utilizando la URL

  • Autor Autor Carambel
  • Fecha de inicio Fecha de inicio
Carambel

Carambel

Ómicron
Social Media
Verificado
Verificación en dos pasos activada
Verificado por Whatsapp
Hola, tengo una duda... Como puedo seleccionar una opción de un formulario con la url (Basicamente quiero que al entrar a la url automaticamente se seleccione la opción 3 de este form).

Se los agradeceria mucho, es torpe la pregunta pero busque y no he encontrado una solución.


PHP:
<select name="cbo_sede" onchange="javascript:setTimeout('__doPostBack(\'cbo_sede\',\'\')', 0)" id="cbo_sede" class="form-control">
	<option selected="selected" value="01">OPCION 1</option>
	<option value="02">OPCION 1</option>
	<option value="03">OPCION 2</option>
	<option value="04">OPCION 3</option>
	<option value="05">OPCION 4</option>
	<option value="06">OPCION 5</option>
	<option value="07">OPCION 6</option>
</select>
 
Sacando el ejemplo de este post:
How do I change an HTML selected option using JavaScript? - Stack Overflow
(buscando en google: js select option form)

y agregando lo de la url:
PHP:
var url = new URL(document.location);
var ID = url.searchParams.get("ID");
function selectOption(index){ 
  document.getElementById("select_id").options.selectedIndex = index;
}
selectOption(ID);

el parametro de la url es: ID... osea que quedaria:
PHP:
www.miurl.com/?ID=0
+info: URL.searchParams | MDN
 
con la url?

No he entendido si eres el dueño pon:

selected="selected" en la opcion que quieras
 
Sacando el ejemplo de este post:
How do I change an HTML selected option using JavaScript? - Stack Overflow
(buscando en google: js select option form)

y agregando lo de la url:
PHP:
var url = new URL(document.location);
var ID = url.searchParams.get("ID");
function selectOption(index){ 
  document.getElementById("select_id").options.selectedIndex = index;
}
selectOption(ID);

el parametro de la url es: ID... osea que quedaria:
PHP:
www.miurl.com/?ID=0
+info: URL.searchParams | MDN

Gracias, pero la web no es mía es de una institución, no puedo insertar el javascript, la url es esta: Login Page

- - - Actualizado - - -

con la url?

No he entendido si eres el dueño pon:

selected="selected" en la opcion que quieras

Hola no es mía, es de una institución privada: Login Page
 
HTML:
<select name="cbo_sede" onchange="javascript:setTimeout('__doPostBack(\'cbo_sede\',\'\')', 0)" id="cbo_sede" class="form-control">
    <option value="01">OPCION 1</option>
    <option value="02">OPCION 2</option>
    <option value="03" selected>OPCION 3</option>
    <option value="04">OPCION 4</option>
    <option value="05">OPCION 5</option>
    <option value="06">OPCION 6</option>
    <option value="07">OPCION 7</option>
</select>
 
HTML:
<select name="cbo_sede" onchange="javascript:setTimeout('__doPostBack(\'cbo_sede\',\'\')', 0)" id="cbo_sede" class="form-control">
    <option value="01">OPCION 1</option>
    <option value="02">OPCION 2</option>
    <option value="03" selected>OPCION 3</option>
    <option value="04">OPCION 4</option>
    <option value="05">OPCION 5</option>
    <option value="06">OPCION 6</option>
    <option value="07">OPCION 7</option>
</select>

Quisiera seleccionarlo atraves de la url, ya que no tengo control interno de la web.
Algo asi: 190.116.50.7/virtualclass/?cbo_sede=03
 
Última edición:
Quisiera seleccionarlo atraves de la url, ya que no tengo control interno de la web.
Algo asi: 190.116.50.7/virtualclass/?cbo_sede=03

no podes... sin colocar codigo dentro de la web... a lo sumo podes usar greasemonkey y armar tu propio script...de esa forma si podes...solo crea un script en grasemoney y coloca
PHP:
// ==UserScript==
// @name     SelectorPrivado
// @version  1
// @include http://190.116.50.7/virtualclass/
//  [MENTION=39868]grant[/MENTION]    none
// ==/UserScript==

var url = new URL(document.location);
var ID = url.searchParams.get("ID");
function selectOption(index){ 
  document.getElementById("cbo_sede").options.selectedIndex = index;
}
if(ID!="") selectOption(ID);
te dejo el pastebin porque el foro me cambia los @ por menciones: [JavaScript] // ==UserScript== // @name SelectorPrivado // @version 1 // @include htt - Pastebin.com
 
Atrás
Arriba