Saya memiliki nama halaman html try1.html

<html>
<head>
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
        crossorigin="anonymous"></script>
</head>
<body>
    <div id="join1">Join1</div>
    <div id="join2">Join2</div>
    <script src="script.js"></script>
</body>
</html>

Dan nama halaman html lainnya try2.html

<html>

<head>
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
        crossorigin="anonymous"></script>
</head>

<body>
    <div><input type="text" id="val"></div>
    <script src="script.js"></script>
</body>

</html>

Saya ingin mengatur nilai input try2.html dengan nilai yang berbeda berdasarkan apa yang saya pilih untuk diklik di try1.html menggunakan jquery(script.js) seperti di bawah ini:

$(document).ready(function(){
    $("#join1").click(function(){
        $("#val").val("Z1");
        $(location).attr("href", "try2.html");
    });
    $("#join2").click(function(){
        $("#val").val("Z2");
        $(location).attr("href", "try2.html");
    });
});

Apakah ada kesalahan yang saya buat yang menyebabkan nilainya tidak berubah? Terima kasih...

0
will 6 Juli 2020, 13:30

1 menjawab

Jawaban Terbaik

Anda dapat menggunakan parameter GET.

$(document).ready(function(){
$("#join1").click(function(){
    $(location).attr("href", "try2.html?q=Z1");
});
$("#join2").click(function(){
    $(location).attr("href", "try2.html?q=Z2");
    });
});

Anda juga dapat mengubah nama input Anda.

 <div><input name="q" type="text" id="val"></div>

Kemudian Anda bisa mendapatkan parameter.

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const ourValue = urlParams.get('q');
console.log(ourValue); //you can change your input value to ourValue.
document.getElementById('val').value = ourValue;
1
Onurgule 6 Juli 2020, 10:39