Блог

Главная - Вопросы по программированию - Сохранение Var с выпадающим значением, а затем использование значения для открытия заданного html

Сохранение Var с выпадающим значением, а затем использование значения для открытия заданного html

#javascript #php

#javascript #php

Вопрос:

У меня есть выпадающее меню со значениями, извлеченными из моей базы данных sql.

после выбора значения оно сохраняется в переменной.

Допустим, я выбираю опцию «ABC», и это сохраняется в переменной, затем я хочу использовать эту переменную для открытия HTML-файла на моем локальном хосте с именем ABC.html

В основном целью является перенаправление пользователя на веб-страницу, связанную с его выбором.

вот мой скрипт: 

 <html>
    <head>
    <script>
function getOption() {
    var obj = document.getElementById("choosedOP");
    document.getElementById("demo").innerHTML =
    obj.options[obj.selectedIndex].text;
}
</script>
        <title>ComboBox Ajax, PHP y MySQL</title>
        <script src="includes/js.js"></script>
    </head>

    <body onload="getOp1();">

        <div id="op1"></div> <br />

        <div id="op2"></div> <br />

        <div id="op3"></div>
        <input type="button" onclick="getOption()" value="Click Me!">
    </form>

    <p id="demo"></p>
</body>
</html>

Когда я нажимаю кнопку отправки, он извлекает выбранный параметр. Как я могу перенаправить его на любой HTML, выбранный пользователем?

Ответ №1:

 <html>
    <head>
    <script>
   
function getOption() {
 			obj = document.getElementById("choosedOP");
    document.getElementById("demo").innerHTML =
    obj.options[obj.selectedIndex].text;
}
function redirect(){
 obj = document.getElementById("choosedOP");
var href = obj.options[obj.selectedIndex].text;
window.location=href;
}
</script>
        <title>ComboBox Ajax, PHP y MySQL</title>
        <script src="includes/js.js"></script>
    </head>

    <body>
    <input type="button" id="redirect" value="redirect" onclick="redirect()">
        <select id="choosedOP">
        <option>http://wiki.com</option>
        <option>https://www.wikipedia.org/</option>
        </select>
        <div id="op1"></div> <br />

        <div id="op2"></div> <br />

        <div id="op3"></div>
        <input type="button" onclick="getOption()" value="Click Me!">
    </form>

    <p id="demo"></p>
</body>
</html>

Комментарии:

1. Нет, но это дало некоторые подсказки. Спасибо

2. рад слышать, что вы в какой-то степени на правильном пути… ключевым моментом здесь является окно. расположение фрагмента кода:D

3. Я потратил последнюю слабую попытку, чтобы выяснить, как отобразить выбранный параметр. Сегодня я это сделал. Теперь давайте перейдем к более сложным вещам (смеется)

4. пожалуйста, прокомментируйте мой ответ на этот пост. Большое вам спасибо

Ответ №2:

 function redirect(){
 obj = document.getElementById("choosedoption");
var href = obj.options[obj.selectedIndex].text;
window.location.href = 'obj.php?='   this.options[this.selectedIndex].value;">

Имеет ли это какой-либо смысл?