Question & Answer > View Question

On Select box change assign selectbox value to textbox

Confluence User - 24 May, 2021

Hi

im having hard time with assigning the value of a selectbox to a textbox.

my select box is called Progress, which have options Stage 1, stage 2 etc.

each stage has a value assigned stage 1 = 0, stage 2 = 10 so on.

and i would like to view the value on textbox called Completion so that use can see the progress numerically.

Also im trying to show the value in the text box when there is a selection made

i have tried this code,

<script type="text/javascript">
$('input[name="Progress"]).change( function(){
    var e = document.getElementById("Progress");
    var value=e.selectElement.options[e.selectedIndex].value;
    $('input[name="Completion"]').val(value);
});
</script>

and this

<script type="text/javascript">
$(window).load(function(){
	$(document).ready(function() {
		$("#Progress option").filter(function() {
			return $(this).val() == $("#Completion").val();
			}).attr('selected', true);
		$("#Progress").live("change", function() {
			$("#Completion").val($(this).find("option:selected").attr("value"));
			});
		});
	});
</script>

and various other scripts.

in the same form i have other custom html scripts that works for datetimepickers but this seems to not work for me

any help is really appreciated

Thank you

javascript;forms;selectbox

3

Confluence User •

24 May, 2021 •

confluenceUser •

1 •

confluenceUser •

Do try the following:

<script type="text/javascript">
$('[name$=SelectBox]').change(function() {
	var mySelectedValueId = $(this).find(':selected').val();
	$('[name$=SelectedValueId]').val(mySelectedValueId);

	var mySelectedValueText = $(this).find(':selected').text();
	$('[name$=SelectedValueText]').val(mySelectedValueText);
});
</script>

Confluence User •

25 May, 2021 •

confluenceUser •

•

confluenceUser •

Thanks, it worked

i updated the code as

<script type="text/javascript">
$('[name$=Progress]').change(function() {
	var mySelectedValueId = $(this).find(':selected').val();
	$('[name$=SelectedValueId]').val(mySelectedValueId);

	var mySelectedValueText = $(this).find(':selected').text();
	$('[name$=SelectedValueText]').val(mySelectedValueText);
	$('input[name="Completion"]').val(mySelectedValueId);
});
</script>

Confluence User •

25 May, 2021 •

confluenceUser •

•

confluenceUser •

i did not need the selected text so,

<script type="text/javascript">
$('[name$=Progress]').change(function() {
	var mySelectedValueId = $(this).find(':selected').val();
	$('[name$=SelectedValueId]').val(mySelectedValueId);
	$('input[name="Completion"]').val(mySelectedValueId);
});
</script>

1

CSV | Excel | XML | PDF

Your answer

Print

On Select box change assign selectbox value to textbox

3

RELATED QUESTIONS

Your answer

To answer a question you'll need an account.

3.builder-style-2e2b4c82-50f6-40f3-8f8d-0895d93cf016{color:#008C60 !important;}

RELATED QUESTIONS

Your answer.builder-style-795f4f7f-6419-4b40-b6b8-49a49ad07304{color:#008C60 !important; margin-left:10px !important;}

To answer a question you'll need an account.

3

Your answer