Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Semantic Differential, Adding a score textbox

Hi there,

I have a semantic differential question for which I've modified the format a bit. It looks like this
Left-side list: question items #1-#11
Right-side list: hidden (applied Sawtooth code found in another forum post)
Scale anchors: 1 not at all important, 5 very important
The degree of granularity (custom saved values) is set to 1 - 50

I'd like to add a text box at the end of each row (so, for each of the 11 question items) that's telling the respondent the score where the slider stopped (e.g., 2.5). How do I do that?
asked Oct 26 by Isabel

1 Answer

0 votes
I'm not sure what code you are using to hide the right list.  Because I don't want my solution to potentially be incompatible with that one, I'd remove that code and just use this:

<script>
$(document).ready(function(){
    $('#[% QuestionName() %]_div .body_row').each(function(){
        var input = $('<input/>');
        var lastTd = $(this).children().last();
        lastTd.empty();
        lastTd.append(input);
        $(this).find('.ui-slider').on('slide', function(e, ui){
            input.val(ui.value);
        });
    });
})
</script>


I'm not certain what you mean with your example value of 2.5, as your saved values are integers between 1 and 50.  Perhaps what you have in mind would be replacing "ui.value" with "ui.value / 10" above?
answered Oct 26 by Zachary Platinum Sawtooth Software, Inc. (156,375 points)
...