How to access value?

Question

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)
        {
        }

    }

Does this answer your question? [How to pass a value to razor variable from javascript variable?](https://stackoverflow.com/questions/28317182/how-to-pass-a-value-to-razor-variable-from-javascript-variable) — Heretic Monkey, Apr 18 '22 at 02:56

score 0 · Answer 1 · edited Apr 18 '22 at 02:56

0

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?

edited Apr 18 '22 at 02:56

Heretic Monkey

11,687
7
53
122

answered Apr 16 '22 at 15:52

Hgrbz

185
3
12

score -1 · Answer 2 · answered Apr 18 '22 at 02:52

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;
            }

        })

How to access value?

2 Answers2