Home/ Questions/Q 6618499
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T20:50:31+00:00

I’d like to get the text from between the p tags and put it

  • 0

I’d like to get the text from between the “p” tags and put it in the title value.

before:

<option title="" value="Put Text">Put Text</option>

after:

<option title="$1,179.83" value="Put Text">Put Text</option>

Anyone know a javascript that can accomplish this?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Get text and put in attribute value</title>
</head>

<body>


<div class="Text">
 <p>$1,179.83</p>
</div>


<form action="">

  <fieldset>

    <select class="putText" name="put-Text">
      <option title="" value="Put Text">Put Text</option>
    </select>

  </fieldset>

</form> 


</body>
</html>

****************************** UPDATE 2011-09-13 ******************************

Code is working now. The code also works for ie6-8:

GET TEXT AND PUT IN ATTRIBUTE VALUE

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Should work in all browsers from IE4+ and NS7+

    For newer browsers the document.getElementsByClassName is built in

    DEMO HERE

    window.onload=function() {
  var pTag = document.getElementsByClassName("Text")[0].getElementsByTagName("p")[0];
  var amount = pTag.innerHTML; 
 // not sure title is useful on option in all browsers
  document.getElementsByTagName('option')[0].title=amount;
}

    Extra code for older browsers

    if (!document.getElementsByClassName)
  document.getElementsByClassName=function (oElm, strTagName, strClassName){
/*
Written by Jonathan Snook, http://www.snook.ca/jonathan
Add-ons by Robert Nyman, http://www.robertnyman.com
*/        
var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
var arrReturnElements = new Array();
strClassName = strClassName.replace(/\-/g, "\\-");
var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
var oElement;
for(var i=0; i<arrElements.length; i++){
    oElement = arrElements[i];
    if(oRegExp.test(oElement.className)){
        arrReturnElements.push(oElement);
    }
}
return (arrReturnElements)

    }

    • 0