CODEWITHSUNDEEP
javascriptjquerycssasp.netasp.net-mvc
Eugene Sukhomlyn
Eugene Sukhomlyn

Reputation: 45

Get element value correctly(ASP.NET MVC)

I have AJAX script that generates div's with values

Here is code

<script>
$('#display').click(function () {
    $(".list").empty();
    var vacancyId = $("#vacancy").val();
    var model = {
        vacancyId: vacancyId
    };

    $.ajax({
        url: '@Url.Action("QuestionBlocks", "Questions")',
        contentType: 'application/json; charset=utf-8',
        data: JSON.stringify(model),
        type: 'POST',
        dataType: 'json',
        processData: false,
        success: function (data) {
            var question1 = data[0]

            $(".list").append('<div   id="something" style="cursor: pointer;width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color:#ffcf00;border-radius: 5px;margin: 10px auto 0;;">' + question1.Question1 + '</div>' + '<div  id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question2 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question3 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question4 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question5 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question6 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question7 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question8 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question9 + '</div>' + '<div class="testing666" id="something" style="width:80%;font-size:20px;margin-top:15px;border-style: solid;border-color: #ffcf00;border-radius: 5px;margin: 10px auto 0;">' + question1.Question10 + '</div>');
            var divs = document.getElementsByTagName('div');

            for (i = 0; i < divs.length; i++) {
                if (divs[i].innerHTML == "") {
                    divs[i].style.display = 'none';
                }
            }
        }
    });
});

In other script I need to get value from div with id = something.

But my problem in that I can have many divs with id = something.

How I can get value via position or something?

UPDATE

Now I have this script to get value but it not works correctly (here is part of script)

$(document).on('click', '.something', function () {
   // alert("Gotcha!!!");
    //$(".videolist").empty();
    var vacancyId = $(".something").text();
   alert(vacancyId);

Upvotes: 0

Views: 812

Answers (2)

Serkan Soydam
Serkan Soydam

Reputation: 55

you should not use id. You can use class. İf you use class you will get list. and you can take values from list with a loop. just like this

     var Values = $('.something');
     var newValue; 

    for (var j = 0; j < Values.length; j++) {

               newvalue=Values[j].text;

            }
    // Or take value that you want
      newValue=Values[5].text;

your function is should be just like this

$(document).on('click', '.something', function () {
   // alert("Gotcha!!!");
    //$(".videolist").empty();
    var vacancyId = $(this).text();
   alert(vacancyId);

Upvotes: 2

Death-is-the-real-truth
Death-is-the-real-truth

Reputation: 72299

1.Convert id="something" to class="something"

2.convert code like below:-

$(document).on('click', '.something', function () {
   var vacancyId = $(this).text();
   alert(vacancyId);
});

Upvotes: 2

Related Questions