जेएस

Question

का उपयोग कर एक एचटीएमएल बटन हटाएं हाय मेरे पास नीचे एक छोटा कोड है जो HTML फॉर्म पर एक बटन बनाता है। जब किसी उपयोगकर्ता ने बटन का उपयोग करके कुछ जानकारी दर्ज की है, तो मैं बटन को बटन को हटाकर और इसे सादा पाठ के साथ बदलकर इसे प्रतिबिंबित करना चाहता हूं। मैंने आंतरिक HTML प्राप्त करने और divs का उपयोग करने का प्रयास किया है लेकिन कुछ भी काम नहीं कर रहा है कृपया कोई मदद कर सकता है? मैं किसी के लिए कोड लिखने की तलाश नहीं कर रहा हूं बस कुछ पॉइंटर्स बहुत अच्छे होंगे। धन्यवाद

<td class="col1"><h3>Associated with :</h3></td> 
    <td class="col3"> 
    <input type="button" 
    value="Associate this job " 
    onclick="associate()" 
/></td> 

Answer 1

id के साथ जो कुछ भी आप बदलना चाहते हैं उसके साथ विशेषता जोड़ें।

document.getElementById("spanIDhere").innerHTML = "Your text here"; 

तो उदाहरण के लिए, आप लाइन होगा:

<span id="associatespan"> 
     <input type="button" value="Associate this job" onclick="associate()" /> 
    </span> 

और अपनी स्क्रिप्ट कहेंगे:

document.getElementById("associateSpan").innerHTML = "Look, no more button!"; 

जब यह समय आ गया है, यहाँ तुम सब करने की जरूरत है

Answer 2

एक DIV में यह रखो और एक DIV कि छिपा हुआ है में पाठ डाल दिया। जब उपयोगकर्ता टाइप करना शुरू करता है, तो बटन DIV को छुपाएं और टेक्स्ट DIV दिखाएं।

Answer 3

मेरा सुझाव है कि आप जावास्क्रिप्ट टूलकिट में से एक को देखें जो इसे बहुत आसान बनाता है। उदाहरण के लिए, मैंने इसके लिए Prototype का उपयोग किया है। विशिष्ट विधि Element.hide() है और पृष्ठ पर उदाहरण का उपयोग है।