Hello,

I'm a beginner with a (layout/design?) problem which I can't solve. I spent hours to get a workaround with javascript, but no success. So hopefully some can help me.

I tried to descibe the problem in the attached graphic. the main problem is to get additional text behind the input field.

Thank you very much.

I would simply use a list (radio) question type with other option. Add "Don't know" as the only answer category for the question. You may change the label for other option to "PSA-Wert (ng/ml)" and allow only numbers as other. You can set it in Advanced settings for the question.
Regards

Hello Elisa,

thank you for your explenation. So far I got it. The problem is, that "ng/ml" must be displayed behind the text field. I tried to replaced the generated code with javascript, but this didn't work. I think my script was overwritten by the generated form.

In many (not all) item textfields you can set the text before and behind a field with a separator "|".

So try "PSA-Wert | (ng/ml)" in the item field. Perhaps it is working in the choosen question type.

Thank you Jelo for the tip.
I tried it, but instead of separating the two words everything is written before the input field. I will try different writings and question types with this separator.

That's a pity. This separator is still not working everywhere and it isn't documented well.

As far as I know, you cannot define an "Other" prefix and/or suffix in list radio or multiple choice questions.

Set up your survey to use JavaScript and add this script to the question source.

Hello tpartner,

thank you for this solution. I found a workaround which is not the best but did the job with javascript and replacement of the html code:

<script charset="utf-8" type="text/javascript">

$(document).ready(function() {
var oldHTMLa = document.getElementById('javatbd328441X94X1800PSA1').innerHTML;
var oldHTML = document.getElementById('javatbd328441X94X1800other').innerHTML;

var newHTML ="<input class='radio' type='radio' value='-oth-' name='328441X94X1800' id='SOTH328441X94X1800' onclick='checkconditions(this.value, this.name, this.type)'> <label for='SOTH328441X94X1800' class='answertext'>PSA-Wert</label> <label for='answer328441X94X1800othertext'> <input type='text' class='text empty' id='answer328441X94X1800othertext' name='328441X94X1800other' title='Sonstiges' value='' onkeyup='if($.trim($(this).val())!=''){ $('#SOTH328441X94X1800').click(); }; checkconditions(this.value, this.name, this.type);' enabled='enabled'></input> </label><span class='answertext'> (ng/ml)</span>";

document.getElementById('javatbd328441X94X1800other').innerHTML = oldHTMLa;
document.getElementById('javatbd328441X94X1800PSA1').innerHTML = newHTML;

$('#answer328441X94X1800othertext').click(function () {
$('#SOTH328441X94X1800').prop('checked', true);
});

$('#answer328441X94X1800othertext').on('keypress keyup blur',function (event) {
//this.value = this.value.replace(/[^0-9\.]/g,'');
$(this).val($(this).val().replace(/[^0-9,]/g,''));

});

});</script>