How to access value?-CodePudding

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

    }

CodePudding user response：

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?

CodePudding user response：

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

        })