2013-10-10 3 views
1

Как я могу получить два значения после отправки в порядке, я задавался вопросом, как я могу получить скрытое значение и другое значение, содержащее текст div? причина, почему это потому, что им будет вставить оба эти значения в различных переменных для вставки в запрос туздКак я могу разделить эту форму на два значения

HTML код:

<form action="" method="POST" onsubmit="return insert_value()"> 
    <input id="hidden_data" name="data" type="hidden" value="<?php $user_id ?>"/> 
     <div id="showing_data" class="commenttext" contenteditable="true"></div> 
    <input type="submit" value="Submit" id="submitthis" /> 
</form> 

Javascript КОД:

function insert_value() 
{ 
    var values = []; 
    values.push(document.getElementById('hidden_data').value); 
    values.push(document.getElementById('showing_data').textContent); 
    console.log(values); 
    return true; 
} 
+0

Почему вы не просто сделать 'textarea' вместо' 'div' с contenteditable'? Если вы абсолютно этого хотите, вы можете просто создать еще один скрытый вход, не нужно размещать оба значения в одном входе. – Colandus

+0

Я не использую textarea, потому что люди могут использовать нижний правый угол, чтобы перетащить его вниз, и я не хочу, чтобы это произошло –

+0

@Colandus Что делать, если я поместил значение из поля 1 ?? как бы я получил второе значение ???????????? –

ответ

1

Заменить div с textarea и отключить изменение размера использование CSS:

textarea { 
    resize: none; 
} 

Чтобы ответить на ваш реальный вопрос, но немного изменив его; вместо слияния их как в одном вводе, создается еще один скрытый вход.

в HTML добавьте следующую строку:

<input type="hidden" name="data_result" id="data_result" /> 

И ваш яваскрипта код:

function insert_value() 
{ 
    var html = document.getElementById('showing_data').textContent; 
    document.getElementById('data_result').value = html; 
    return true; 
} 
+0

, но когда я набираю и говорю i indent, я хочу, чтобы он был автоматически высотой, повышался. –

+0

Существует несколько способов сделать автоматическое изменение размера 'textarea', http://stackoverflow.com/questions/17772260/textarea-auto-height – Colandus

0

просто заменить DIV с текстовым и добавьте style = "resize:none" в текстовой области

<form action="" method="POST" onsubmit="return insert_value()"> 
     <input id="hidden_data" name="data" type="hidden" value="<?php $user_id ?>"/> 
      <textarea style = "resize:none" id="showing_data" class="commenttext" contenteditable="true"></textarea > 
     <input type="submit" value="Submit" id="submitthis" /> 
    </form> 

в го изменить следующую строку в JavaScript

document.getElementById('showing_data').value; 
+0

Его перетаскиваемый idont хочет, чтобы его можно было перетащить –

0

вы можете сделать это текстовое поле, и вы можете иметь скрытое значение этого.

<textarea id="showing_data" rows="4" cols="50"> 

и если вы не хотите быть перетаскиваемым просто использовать это в CSS

textarea 
{ 
resize: none; 
} 
Смежные вопросы