Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Data Bridge › DataAssist › JQuery Question

JQuery Question

Thread began 3/12/2019 12:36 pm by vernon webb | Last modified 3/15/2019 11:49 am by Ray Borduin | 1293 views | 10 replies |

3/12/2019 12:36 pm | #1 vernon webb

JQuery Question

Was wondering if someone could help me with the following. I am using the below code to copy the value of a select (bandName) to a form field (keywords) and it works fine. However I was hoping to also append the data from a different select (vID) to end but it over writes whats there. Is there as way to append as opposed to over writing?

<script type='text/javascript'>
$(function() {
$('#bandName').change(function() {
var x = $(this).find('option:selected').text();
$('#keywords').val(x);
});
});

$(function() {
$('#vID').change(function() {
var x = $(this).find('option:selected').text();
$('#keywords').val(x);
});
});
</script>

3/12/2019 4:17 pm | #2 Ray BorduinWebAssist

<script type='text/javascript'>
$(function() {
$('#bandName').change(function() {
var x = $(this).find('option:selected').text() + $("#vID").find('option:selected').text();
$('#keywords').val(x);
});
});

$(function() {
$('#vID').change(function() {
var x = $("#bandName").find('option:selected').text() + $(this).find('option:selected').text();
$('#keywords').val(x);
});
});
</script>

Did this help? Tips are appreciated...

3/12/2019 6:38 pm | #3 vernon webb

Works great. One minor issue. When the vID is appended it doesn't leave a space between words, it combines the last and first words. How do I add the space?

3/13/2019 8:23 am | #4 Ray BorduinWebAssist

You can add the space in the code:

<script type='text/javascript'>
$(function() {
$('#bandName').change(function() {
var x = $(this).find('option:selected').text() +" "+ $("#vID").find('option:selected').text();
$('#keywords').val(x);
});
});

$(function() {
$('#vID').change(function() {
var x = $("#bandName").find('option:selected').text() + " " + $(this).find('option:selected').text();
$('#keywords').val(x);
});
});
</script>

Did this help? Tips are appreciated...

3/14/2019 12:35 pm | #5 vernon webb

How can I do the same for a text field?

3/14/2019 1:14 pm | #6 Ray BorduinWebAssist

just use:

$("#textfieldID").val()

instead of:

$("#selectFieldID").find('option:selected').text()

Did this help? Tips are appreciated...

3/15/2019 5:23 am | #7 vernon webb

Yeah I'm not sure I got any of this right:

<script type='text/javascript'>
$(function() {
	$('#bandName').change(function() {
		var x = $(this).find('option:selected').text() +" "+ $("#vID").find('option:selected').text();
	$('#keywords').val(x);
	});
});

$(function() {
	$('#vID').change(function() {
		var x = $("#bandName").find('option:selected').text() + " " + $(this).find('option:selected').text();
	$('#keywords').val(x);
	});
});
$(function() {
	$("#specialGuest").val(function() {
		var x = $("#bandName").find('option:selected').text() + " " + $(this).find('option:selected').text();
		$('#keywords').val(x);
	});
});

</script>

3/15/2019 8:43 am | #8 Ray BorduinWebAssist

I'm not exactly sure what you are trying to do, but I think it is probably closer to:

<script type='text/javascript'>
$(function() {
	$('#bandName').change(function() {
		var x = $(this).find('option:selected').text() +" "+ $("#vID").find('option:selected').text() + " " + $('#specialGuest').val();
	$('#keywords').val(x);
	});

	$('#vID').change(function() {
		var x = $("#bandName").find('option:selected').text() + " " + $(this).find('option:selected').text() + " " + $('#specialGuest').val();
	$('#keywords').val(x);
	});

	$("#specialGuest").blur(function() {
		var x = $("#bandName").find('option:selected').text() + " " + $("#vID").find('option:selected').text() + " " + $('#specialGuest').val();
		$('#keywords').val(x);
	});
});

</script>

Maybe tell me what you are trying to do in plain English so I can understand what the code should be doing. I see you are trying to do something with the specialGuest text field, but I can't tell what you want it happen when the value changes.

Did this help? Tips are appreciated...

3/15/2019 11:20 am | #9 vernon webb

I did explain it above but will again here.
The above ones work, the ones you provided.

<script type='text/javascript'>
$(function() {
$('#bandName').change(function() {
var x = $(this).find('option:selected').text() +" "+ $("#vID").find('option:selected').text();
$('#keywords').val(x);
});
});

$(function() {
$('#vID').change(function() {
var x = $("#bandName").find('option:selected').text() + " " + $(this).find('option:selected').text();
$('#keywords').val(x);
});
});
</script>

But now I have a field called specialGuest, it's just a text field and I want the value of that field to also populate into the keywords field after it's typed in.

3/15/2019 11:34 am | #10 Ray BorduinWebAssist

The only details above were:

"How can I do the same for a text field?"

Which was a bit light on specific details.... I've updated the code example above to do what you describe.

Did this help? Tips are appreciated...

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.