javascript，如何在單擊時從文本區域獲取值？

Question

我有一個輸入區域和一個這樣的按鈕：

<input type="text" name="text_name" id="txt_name" size="30" maxlength="70">
<input type=button id="btnPublishAction" onclick="publishFeed()" value="Yeah" style="margin: 5px 0;" />

和這樣的 function ：

    name = oForm.elements["text_name"].value;

    function publishFeed() {
var act = new gigya.services.socialize.UserAction();        
act.setUserMessage(name);
act.setLinkBack("http://www.xxx.com");      
act.setTitle("Check me out!");      
act.setDescription("This is my Profile"); 
act.addMediaItem( { 
    src: '<?php echo $photoDiv; ?>',
    href: 'http://www.exploretalent.com/<?php echo $_SESSION['talent_username'];?>',
    type: 'image'
});
var params = 
    {
        userAction:act, 
        scope: 'internal',
        privacy: 'public',
        callback:publishAction_callback
    };
gigya.services.socialize.publishUserAction(conf, params);
}

我想要做的是當我單擊Yeah時將text_name中的值設置為act.setUserMessage(name); 其中name = oForm.elements["text_name"].value; .

我發現這個語法name = oForm.elements["text_name"].value; 但不確定這是否有效

有任何想法嗎？ 謝謝

Answer 1

嘗試使用name = document.getElementById("txt_name").value

Answer 2

假設oForm是對您頁面上的表單的引用。 並假設您的 textarea 包含在該表單中。 並假設您的 textarea 具有“text_name”的名稱屬性，那么是的，應該可以。 只需將該行代碼放入您的 function 作為第一行。

function publishFeed() {
    var name = oForm.elements["text_name"].value;
    var act = new gigya.services.socialize.UserAction();        
    act.setUserMessage(name);
    ...
}

在 function 上方的name =...時，文本更改時不會更新name變量。 您想在 function 中設置該變量的值，以便獲取當前文本。

編輯：如果您不想在頁面上使用表單，請給您的 textarea 一個 id 並通過該 id 訪問它：

<textarea id="myTextArea"></textarea>

這是更新 JavaScript：

function publishFeed() {
    var name = document.getElementById("myTextArea").value;
    var act = new gigya.services.socialize.UserAction();        
    act.setUserMessage(name);
    ...
}