Custom GTM JS variable issue - javascript

I am trying to pull the text from the drop-down menu selection. If I use
document.getElementById("c6bf8c48-f2d9-eb11-bacb-00224804ce17").value
I get the numerical value of the selection. How I can get a text value?

Try document.getElementById("c6bf8c48-f2d9-eb11-bacb-00224804ce17").innerHTML

Related

Select2 Widge Reset Selected Value

How to reset selected value in yii2 widget select2 using jQuery or JavaScript? I've tried to use $("#select2id").val("").trigger("change"); and it show the placeholder, but the first item is always automatically selected.
EDIT: I'm using this widget for make dependency dropdown. the widget that the first item always automatically selected is the dependent widget.
You should do it the select2 way:
$("#select2id").select2("val", "", true);
With the first two parameters you assign an empty string as a value and the last one is for triggering the change.
I've solved the problem. That code is actually working. The order of the code that make the problem. So, be sure to check the code order.

Dynamically assigned value in dropdown always displaying the default value

The drop-down value is getting selected and I can see the value being highlighted in the drop-down but the display is always showing the first value of the drop-down. I am dynamically selecting the drop-down value in the java script depending on the value returned from other fields. The desktop version works fine but having problem with the mobile version and found that we are using jquery mobile version which could be the cause for this. Any help on how to overcome this.
Have already used the following
document.getElementById(ID).value = value;
Have provided selected=true, used the text option as well.
If i write a automation script my tests are getting passed as the value is getting selected properly but is not getting displayed in the dropdown. If I manually select the values from the drop down I can see the selected value being displayed in the drop-down.
To correctly assign value to a select widget, you need to marked its option to be selected:
document.getElementById('ID').getElementsByTagName('option')[1].selected = 'selected'
using the jquery text() method to assign the dynamic value to drop-down. use the below code
$("#dropDownID option:selected").text()

keep selected value in dropdown in Jquery

How to keep selected value in a dropdown
my dropdown id is "devicePlatform_id" its values are Android,Windows,Smart Phone
while updation I want selected value chosen by user during saving for eg Android
so how can I do that in Jquery.I have broght data from db just wanted to keep the value
So what will be the code for that
$('#devicePublicationStatus_id'). ??
Use the .val() function:
$('#devicePublicationStatus_id').val("Android");
EDIT: I presumed that for "dropdown" you mean a "select" html element with "option" elements as childs.
EDIT2: As the other answer say i have not understand well if you want GET or SET the value in the dropdown. Use .val("Android") for set the current value, and only .val() for get the current value.
If I got your question right:
$('#devicePublicationStatus_id option:selected').val()

change form based on drop down menu selection

I'm having trouble finding javascript, HTML and/or CSS code that'll change the form based on the drop down menu. For example, the form is for adding a property and the drop down menu selections are single family, condo, apartment but they each have their own set of text boxes, menus and radio buttons. How can I achieve this?
What I have understand from your query is that , you have a from with some fields and you have a dropdown and you want that when ever your change selection in dropdown the form fields values must change accordingly right ?
If that is the issue , then it is very simple , first catch onSelectionChange event of dropdown and try to get selected value and once you get the selected value fill form fields by accessing them accordingly in a condition.Thanks
So I actually already had a piece of code I was fumbling with (http://jsfiddle.net/CYzsY/) for this question and it looks like its not working for me because its based on jQuery 1.7.1 and I'm linking to 1.10.2 in my code. Will make a new post accordingly. Thanks everyone!

Set value to hidden column with jquery

I am trying to set value to a hidden column. Previously i have achieved this by doing:
var bc = $("select[title='Broadcast Channel']").val();
$("select[title='Execution Channel']").val(bc);
This works fine as I am able to get the column which exist in html source.
Now I am trying to set value to a hidden column which I have hidden in Sharepoint 2010 list setting. And I am not able to find it under html source (e.g. <input type=hidden....>).
How can I set value to this hidden column?
Not sure if the following method will be acceptable to you, but here goes...
In sharepoint, make the input field non-hidden. Instead, make it invisible at document.ready() using JQuery. If the input field is given a specific ID/class name, you can get a reference to the same, and set the text (using text() function), or for more complex situations, consider enclosing it all in a div.
Best Regards,
Gopal Nair.
In share point make the field as text input and then using jquery make it hidden and then set the value. try something like
$('input[type="text"][title="abc"]').attr('type','hidden').val("abc");
There is a common problem that if an element is hidden from back end code, normally it is simply not rendered in the html generated. Elements that needs to be manipulated at the front end need to be shown but hidden using html or js code.

Categories

Resources