'How to access value?

I can't access the variable value when using it in the if-statement if (@Produkt.KategoriID == value). It says "the name 'value' does not exist in current context". How can i make it so I can use the variable in the if-statement?

@if (Model != null)
    {

        <div style="margin-left: 30%; margin-right: 25%;">
            <label> Choose:    </label>
            <select name="Choose" id="select">
                <option value="1">None</option>
                <option value="2">Bronze</option>
                <option value="3" selected>Silver</option>
                <option value="4">Gold</option>
            </select>
        </div>


        <script type="text/javascript">
            var choice = document.getelementbyid('select');
            var value = choice.options[choice.selectedindex].value;
        </script>

        if (@Produkt.KategoriID == value)
        {
        }

    }

Solution 1:^[1]

Basically you are trying to reach js variable from razor script. You can not reach it because their life cycles are different. End of the day all C# scripts converted HTML, CSS and js codes and there is no more C# scripts.

Also, for similar situation you can check here:

How to pass a value to razor variable from javascript variable?

Solution 2:^[2]

You can try to use js to add html:

@if (Model != null)
{

    <div style="margin-left: 30%; margin-right: 25%;">
        <label> Choose:    </label>
        <select name="Choose" id="select">
            <option value="1">None</option>
            <option value="2">Bronze</option>
            <option value="3" selected>Silver</option>
            <option value="4">Gold</option>
        </select>
    </div>


    <script type="text/javascript">
        var choice = document.getelementbyid('select');
        var value = choice.options[choice.selectedindex].value;
    </script>
    <div>

    </div>
    <div id="content"></div>


}

js:

$(function () {
            var choice = document.getElementById('select');
            var value = choice.options[choice.selectedindex].value;
            $("#content").innerHTML = "your html here";
            if (1 == value) {
                var content = "";
                content += "your html here";
                document.getElementById("content").innerHTML =content;
            }

        })

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	Heretic Monkey
Solution 2	Yiyi You

'How to access value?

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]