iIam 试图在输入字段中显示地理定位 javascript 函数的结果

Posted 2023-03-07

【中文标题】iIam 试图在输入字段中显示地理定位 javascript 函数的结果

【英文标题】：iIam trying to display the result of a geolocation javascript function in an input field

【发布时间】：2020-06-15 19:05:15

【问题描述】：

<script>
    function showPosition() 
        if (navigator.geolocation) 
            navigator.geolocation.getCurrentPosition(function (position) 
                var latx = position.coords.latitude;
                var lonx = position.coords.longitude;
                var positionInfo = "(" + "Latitude: " + position.coords.latitude + ", " + "Longitude: " + position.coords.longitude + ")";
                document.getElementById("result").innerhtml = positionInfo;
                document.getElementById("latx") = latx;
                document.getElementById("lonx") = lonx;
            );
         else 
            alert("Sorry, your browser does not support HTML5 geolocation.");
        

    
</script>

块引用 块引用 块引用

我希望它在我的表单中显示在 latxx 和 lonxx 字段中，但它不起作用 甚至不显示，但结果显示在 div 中

<form action="addads.php" method="post" enctype="multipart/form-data">
    <input class="kolo" type="text" name="ProTitle" placeholder="Title" 
           title="Pleaes            write Your Title" require>
    <textarea placeholder="Detalis" name="ProDetalis" id="my-input" class="form-control " rows="5"></textarea>
    <input class="kolo" type="text" name="Proprice" placeholder="price"  title="Pleaes write Your price"
           require>
    <div id="result">
        <!--Position information will be inserted here-->
    </div>
    <input type="text" name="latxx" id="latxx" value=""/>
    <input type="text" name="lonxx" id="lonxx" value=""/>
    <button type="button" onclick="showPosition();">Show Position</button>
    <input class="kolo" type="file" name="image">
    <select class="kolo" name="Maincategory">
        <?php
        $resultcategories = mysqli_query($clink, "SELECT CategoryID , CategoryName FROM categories");
        while ($rowcategories = mysqli_fetch_assoc($resultcategories)) 
            echo "<option value='$rowcategories['CategoryID']'>$rowcategories['CategoryName'] </option>";
        
        ?>
    </select>
    <input class="btn" type="submit" value="save">
</form>

【问题讨论】：

您可以设置输入的值，例如：document.getElementById("latx").value = latx。 （请注意，在您的 html 中，id 为 "latxx"，而在 js 中为 "latx"，因此您需要更改它。）

【参考方案1】：

document.getElementById("latxx").value = latx;
document.getElementById("lonxx").value = lonx;

你能在js里试试吗？