මේ Code එකේ අවුල මොකක්ද HTML, JS, CSS

[geeko]

Applicable select කලාම Hide කරලා තියෙන Fied එක Display වෙන්න ඕනේ

 

[kanchana071]

const selectElementOrc1 = document.getElementById('meta_orcapplicable');
const displayElementOrc1 = document.getElementById('new_orcincluded');

selectElementOrc1.onchange = function() {
if (selectElementOrc1.value === 'Applicable') {
displayElementOrc1.style.display = 'block';
} else {
displayElementOrc1.style.display = 'none';
}
};

 

[geeko]

const selectElementOrc1 = document.getElementById('meta_orcapplicable');
const displayElementOrc1 = document.getElementById('new_orcincluded');

selectElementOrc1.onchange = function() {
if (selectElementOrc1.value === 'Applicable') {
displayElementOrc1.style.display = 'block';
} else {
displayElementOrc1.style.display = 'none';
}
};

real code ekedi ehema wada karanne na.
Css eke important dannama venawa real code ekedi. Console ekedi me error eka enne

Uncaught TypeError: Cannot set properties of null (setting 'onchange')

 

[Solo Rider]

bumpi

 

[geeko]

bumpi

Machan Any Idea? Css eke important dannama venawa real code ekedi. Console ekedi me error eka enne

Uncaught TypeError: Cannot set properties of null (setting 'onchange')

 

[jzx]

Chat gpt walin try ekak dunne nadda?

 

[geeko]

Chat gpt walin try ekak dunne nadda?

Try kala eth hariyanne na. are error eka thamai pennanne. script eka footer ekatama dalath baluwa eth hariyanne na

 

[jzx]

Try kala eth hariyanne na. are error eka thamai pennanne. script eka footer ekatama dalath baluwa eth hariyanne na

මට ඕක ගැන ගැන idea එකක්නම් නෑ බං. මේ මට හම්බුන ඒවා. stackoverflow එකේ එකක් තිබ්බා, ඒකෙ තිබ්බෙ chrome එකෙන් එක එන error එකක්. මේ වෙන එකක තිබ්බ එකක් How to Fix "cannot set properties of null" Errors in JS. පල්ලෙහ තියෙන්නෙ chat gpt එකෙන් ආපු එක

The error "Uncaught TypeError: Cannot set properties of null (setting 'onchange')" indicates that the element with the ID `'meta_orcapplicable'` is not found in the HTML document. As a result, the `getElementById` method returns `null`, and you cannot set the `onchange` property on a null value.

To avoid this error, ensure that the HTML element with the ID `'meta_orcapplicable'` exists in your HTML document and is loaded before the JavaScript code executes. Double-check that the ID is spelled correctly and that there are no typos.

Here are a few things you can check:

1. Verify that the HTML element has the correct ID:

```html
   <select id="meta_orcapplicable">
     <!-- options here -->
   </select>
   ```

2. Ensure that your JavaScript code is placed after the HTML element or use an event listener like `DOMContentLoaded` to ensure the HTML is loaded before executing the JavaScript code:

```javascript
   document.addEventListener('DOMContentLoaded', function() {
     // Your code here
   });
   ```

3. Make sure that your JavaScript code is placed at the end of the HTML body, just before the closing `</body>` tag:

```html
   <script>
     // Your code here
   </script>
   ```

By following these steps, you should be able to avoid the "Cannot set properties of null" error. If the issue persists, please share your HTML code so that I can assist you further.

 

[Gwynbleidd]

oka gpt or bard dala ahanna meke waradda mokkd kiyala

 

[geeko]

මට ඕක ගැන ගැන idea එකක්නම් නෑ බං. මේ මට හම්බුන ඒවා. stackoverflow එකේ එකක් තිබ්බා, ඒකෙ තිබ්බෙ chrome එකෙන් එක එන error එකක්. මේ වෙන එකක තිබ්බ එකක් How to Fix "cannot set properties of null" Errors in JS. පල්ලෙහ තියෙන්නෙ chat gpt එකෙන් ආපු එක

Me okkoma kala hariyanne na ban

---

oka gpt or bard dala ahanna meke waradda mokkd kiyala

okkoma kala, hariyanne na
------ Post added on Jun 24, 2023 at 2:19 AM

 

[Nidarshana_k]

Machan Any Idea? Css eke important dannama venawa real code ekedi. Console ekedi me error eka enne

Uncaught TypeError: Cannot set properties of null (setting 'onchange')

Default value rkak deelafa balanna dropdown ekata.

---

Nathnm display wenuwata visibility propery use krnna balanna.
------ Post added on Jun 24, 2023 at 2:23 AM

 

[Software_Eng]

me fiddle eke issue eka enne na neda

 

[හෙනයා]

!important ain karanna css eken &
methanin
displayElementOrc1.style.display = 'block !important';

 

[Lizard Squad]

bump

 

[roblem]

https://stackoverflow.com/questions/462537/overriding-important-style

 

[kevin_levin]

!important ain karanna css eken &
methanin
displayElementOrc1.style.display = 'block !important';

Matath methana aul wage

Onload function ekata daala balanna js code eka

https://www.w3schools.com/jsref/event_onload.asp

 

[ThisaraMalintha]

fuck frontend

 

[rockmon]

real code ekedi ehema wada karanne na.
Css eke important dannama venawa real code ekedi. Console ekedi me error eka enne

Uncaught TypeError: Cannot set properties of null (setting 'onchange')

null ekaka onchage set kranna ba kiyala ne kiyanne

meke null eka wenne selectElementOrc1 variable eka neda

eka null wenne element eka hariyta selct wenne nathi nisa.

element eka hariyta select wenne naththe ekko wrong id, or element eka thama dom eke na

 

[B.Chat]

Up

 

[gulp]

Put below after your </form> tag:

<style>
#new_orcincluded {display:none;}
</style>
<script>
const selectElementOrc1 = document.getElementById('meta_orcapplicable');
const displayElementOrc1 = document.getElementById('new_orcincluded');
selectElementOrc1.onchange = function() {
if (selectElementOrc1.value === 'Applicable') {
displayElementOrc1.style.display = 'block';
} else {
displayElementOrc1.style.display = 'none';
}
};
</script>