حفظ واسترجاع قيمة من التخزين المحلي في قائمة منسدلة

The issue in your code is that you are not setting the selected option in the dropdown based on the value stored in the local storage. Here’s how you can modify your code to achieve this:

1. Retrieve the value from local storage and store it in a variable.
2. Loop through each option in the select element and set the selected attribute for the option that matches the value from local storage.

Here’s the modified code:

htmlCopy code
<select name="category" id="category" class="form-control ddplaceholder" style="width:220px;font-size:18px;font-family:Roboto;" onchange="document.form.submit();">
    <script>
        var cat = localStorage.getItem('category');
        if (cat) {
            document.getElementById('category').value = cat;
        }
    script>
    <option value="" disabled selected>Select Categoryoption>
    prepare('Select name From category');
    $sth->execute();
    $data = $sth->fetchAll();   
    foreach ($data as $row ){
        if($row['name']!="")
            echo ''.$row['name'].'';
    }
    ?> 
select>

This code will set the selected option in the dropdown based on the value stored in the local storage. If the value is not found in the local storage, it will default to the “Select Category” option.

لحل المشكلة، يجب عليك أن تقوم بتعديل القيمة المختارة في القائمة المنسدلة بناءً على القيمة المُخزنة في التخزين المحلي. يمكنك القيام بذلك عبر إضافة خاصية selected للخيار المُختار بناءً على قيمة category التي تم استرجاعها من التخزين المحلي.

هناك بعض النقاط التي يجب مراعاتها في الكود:

1. يجب أن يكون لديك عنصر نموذج

   يحتوي على القائمة المنسدلة.
2. يجب أن تقوم بتحديث قيمة الخيارات في القائمة المنسدلة بناءً على القيمة المُخزنة.
3. يجب أن تتأكد من أن اسم النموذج في النموذج
هو “form” لكي يتم إعادة تقديم النموذج بشكل صحيح.

يمكنك تحقيق هذه النقاط من خلال تعديل الكود كما يلي:

htmlCopy code
<form name="form" method="post" action="">
    <select name="category" id="category" class="form-control ddplaceholder" style="width:220px;font-size:18px;font-family:Roboto;" onchange="document.form.submit();">
        <script>
            var cat = localStorage.getItem('category');
            if (cat) {
                document.getElementById('category').value = cat;
            }
        script>
        <option value="" disabled selected>Select Categoryoption>
        prepare('Select name From category');
        $sth->execute();
        $data = $sth->fetchAll();   
        foreach ($data as $row ){
            if($row['name']!="")
                echo ''.$row['name'].'';
        }
        ?> 
    select>
form>

بهذا التعديل، يجب أن يتم تحديث قيمة القائمة المنسدلة بناءً على القيمة المُخزنة في التخزين المحلي بشكل صحيح.